如何在vscode中包围颤振小部件答案

【问题标题】：How to surround flutter widget in vscode如何在vscode中包围颤振小部件
【发布时间】：2019-02-22 02:12:26
【问题描述】：

只是想知道 Visual Studio 代码中是否有快捷方式或扩展来围绕代码块 - 或者更具体地说，突出显示小部件名称，然后围绕小部件子级。

通常是我创建的情况，比如说：

Padding(
  padding: EdgeInsets.all(10.0),
  child: Container(
  ...

但是在写了一些东西之后，我想用其他东西包围Padding，比如Column 或Row。照原样，我需要在 Padding 前面加上 Row( child:，然后向下滚动并添加新的 ),` 括号

有没有办法只选择Padding，然后告诉 vs 代码我要为此添加前缀，所以为我添加括号？

很确定我已经在 IntelliJ 中看到了这一点

【问题讨论】：

【解决方案1】：

当然！

Vscode 提供了一些重构选项，包括Wrap with Column：

只需右键单击一个小部件并按“重构”。

【讨论】：

【解决方案2】：

将光标放在要编辑的小部件上，然后使用CTRL + . 快捷方式查看选项。对于 MacOS，请使用 CMD + .。这样就可以了。

【讨论】：

【解决方案3】：

⚠️ 如果wrap with Column 未显示在右键单击 - 重构：

然后右击 > wrap with Column

这是发生这种情况的原因：https://dartcode.org/docs/refactorings-and-code-fixes/。还记录在那里：您现在可以将快捷方式绑定到重构操作：

Ctrl+. in Code 打开“灯泡”菜单，显示所有代码修复/重构。代码 v1.20 获得了keybind 快速修复的能力。为此，您应该编辑您的 keybindings.json 文件并包含重构的 ID，如下所示。

【讨论】：

【解决方案4】：

在 Windows 上的 VS Code 上，只需右键单击任何小部件并按“重构”或使用键盘快捷键

Ctrl+Shift+R

【讨论】：

【解决方案5】：

如果有人在寻找 Android Studio，请在 Mac 中查看 option + return，在 Windows 中查看 Alt + Enter。

【讨论】：

【解决方案6】：

右键单击小部件并选择“重构”，然后选择“使用新小部件包装”

【讨论】：

【解决方案7】：

在 Ubuntu VSCode 中也是 ctrl + 。在 Ubuntu Android Studio 或 Intellij 中，它是 alt + enter。

【讨论】：