如何在vscode中包围flutter小部件

Question

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

通常是我创建的情况,让我们说:

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

但是经过一些写作之后,我想Padding用其他东西包围它,比如一个Column或者Row.按原样,我需要在Paddingwith前加上Row( child:,然后向下滚动并添加新的`,括号

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

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

Answer 1

当然!

Vscode提供了一些重构选项,包括Wrap with Column:

只需右键单击一个小部件,然后按"重构".

Answer 2

将光标放在要编辑的小部件中,然后使用CTRL + .快捷方式查看选项.那样做.

Answer 3

?? 如果wrap with Column没有显示在右键单击- 重构：

• 在窗口：Ctrl+.
• 在MacO 上： ? +.

然后右键单击>wrap with Column

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

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

Answer 4

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

Ctrl+ Shift+R

Answer 5

option + return如果有人在 Mac 和Alt + EnterWindows 中寻找 Android Studio 。

Answer 6

只需按： Ctrl + dot在 Windows 或 Command + dotMac 上

然后会弹出一个列表，显示包装选项！