如何在VSCode中为Flutter添加更多Action快捷键及Widget删除快捷键

一、为Widget添加删除快捷键 #

1. 打开VSCode快捷键配置文件：
   • 按下Cmd+,（Mac）或Ctrl+,（Windows/Linux）打开设置面板，点击右上角的「打开键盘快捷方式(JSON)」图标；
   • 或者通过命令面板（Cmd+Shift+P/Ctrl+Shift+P）输入「Preferences: Open Keyboard Shortcuts (JSON)」直接打开。
2. 添加自定义删除规则：
   • 若需快速删除整行Widget，添加以下配置：

     {
         "key": "cmd+delete",
         "command": "editor.action.deleteLines",
         "when": "editorTextFocus && editorLangId == dart"
     }
     

   • 若需精准选中Widget后删除，可配置组合快捷键：

     {
         "key": "cmd+shift+delete",
         "command": "editor.action.smartSelect.expand",
         "when": "editorTextFocus && editorLangId == dart"
     },
     {
         "key": "cmd+delete",
         "command": "editor.action.deleteLines",
         "when": "editorTextFocus && editorLangId == dart && editorHasSelection"
     }
     

     使用时先按Cmd+Shift+Delete选中Widget代码块，再按Cmd+Delete完成删除。

二、为Flutter添加更多Command+.相关的Action快捷键 #

Command+.默认触发editor.action.quickFix命令，可通过以下方式扩展或绑定特定动作：

1. 为单个快速修复动作绑定快捷键：
   • 先触发Cmd+.打开快速修复菜单，找到目标动作（比如「Wrap with Container」），右键点击该动作选择「Copy Command ID」；
   • 在keybindings.json中添加配置，示例：

     {
         "key": "cmd+option+c",
         "command": "dart.wrapWithContainer",
         "when": "editorTextFocus && editorLangId == dart"
     }
     

2. 扩展更多快速修复选项：
   • 确保VSCode的Dart、Flutter插件为最新版本，官方插件会持续更新新增快速修复动作；
   • 可安装第三方插件（如Flutter Widget Snippets）获取更多Widget相关快速操作，之后按上述方法为新增动作绑定快捷键。

内容的提问来源于stack exchange，提问作者csemorf