如何在vscode中包围Flutter小部件

Question

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

通常是我创建的情况，可以这样说：

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

但是在写了几本书之后，我想用其他内容包围Padding，例如Column或Row。 照原样，我需要在Padding前面加上Row( child:，然后向下滚动并添加新的括号。

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

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

Answer 1

当然！

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

只需右键单击小部件，然后按“重构”。

Answer 2

将光标置于要编辑的小部件中，然后使用CTRL + .快捷方式查看选项。这样就可以了。

Answer 3

如果有人遇到与我相同的问题，并且右键单击时未显示wrap in Column-重构，请尝试 Ctrl + 。

以下是此文档：https://dartcode.org/docs/refactorings-and-code-fixes/。 此处也有记录：您现在可以将快捷方式绑定到重构操作：

代码中的

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

Answer 4

如果有人要寻找Android Studio，则在Mac中寻找option + return，在Windows中寻找Alt + Enter。

Answer 5

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

Answer 6

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

CTRL + SHIFT + R