VSCode Flutter 快捷键

扩展安装：

Flutter Widget Snippets

Flutter

Flutter Files

1.StatelessWidget切换StatefulWidget快捷键

        1.1 将光标放在 StatelessWidget 上。

        1.2 按下快捷键：

                Windows/Linux: Ctrl + .

                macOS: Cmd + .

        1.3 在弹出的菜单中选择 "Convert to StatefulWidget"。

2.将return返回的widget抽取成单独的class快捷键

        2.1 将光标放在 return 返回的 Widget 上。

        2.2 按下快捷键：

                Windows/Linux: Ctrl + .

                macOS: Cmd + .

        2.3 在弹出的菜单中选择 "Extract Widget"。

        2.4 输入新 Widget 的名称，然后按回车。

3.在写好的widget外层新加一层widget快捷键

         3.1 选中 Widget：

                将光标放在要包裹的 Widget 上（或选中整个 Widget 代码块）。

         3.2 触发快捷键：

                Windows/Linux: Ctrl + .

                macOS: Cmd + .

        3.3 选择 "Wrap with Widget"：

                在弹出的菜单中选择 "Wrap with Widget"。

        3.4 输入新 Widget 类型：

                输入你想包裹的 Widget（如 Container、Padding、Column 等），按回车确认。

4.删除已经写好widget结构中的widget

        4.1 选中widget

                光标放在需要删除的widget上

        4.2 触发快捷键：

                Windows/Linux: Ctrl + .

                macOS: Cmd + .

        4.3 选择 "Remove this Widget"：

                在弹出的菜单中选择 "Remove this Widget"。