从WebStorm转VSCode：复刻WebStorm键盘快捷键方案咨询

一、插件方案（快速上手） #

直接使用成熟的按键映射插件，无需手动配置核心快捷键：

• WebStorm Keymap：VS Code生态里的热门插件，一键同步WebStorm的核心快捷键集合，覆盖TS/JS开发常用操作：快速修复（Alt+Enter）、代码格式化（Ctrl+Alt+L）、文件快速搜索（Ctrl+Shift+N）等，安装后直接生效，适配大多数日常开发场景。
• IntelliJ IDEA Keybindings：因为WebStorm属于IntelliJ系列，这个插件覆盖的快捷键更全面，包括项目级操作（比如打开运行配置、项目结构）、重构系列操作，适合习惯WebStorm全流程开发的用户。

二、手动JSON配置（精准自定义） #

如果需要针对TS/JS开发做更精细化的快捷键适配，可以直接修改VS Code的按键绑定JSON文件。以下是常用的WebStorm风格快捷键配置，覆盖TS/JS核心开发场景：

打开VS Code快捷键设置（按Ctrl+K Ctrl+S），点击右上角的{}图标打开自定义配置文件，粘贴以下代码：

[
  // 快速修复（对应WebStorm: Alt+Enter）
  {
    "key": "alt+enter",
    "command": "editor.action.quickFix",
    "when": "editorTextFocus && !editorReadonly"
  },
  // 格式化整个文档（对应WebStorm: Ctrl+Alt+L）
  {
    "key": "ctrl+alt+l",
    "command": "editor.action.formatDocument",
    "when": "editorTextFocus && !editorReadonly"
  },
  // 快速打开文件（对应WebStorm: Ctrl+Shift+N）
  {
    "key": "ctrl+shift+n",
    "command": "workbench.action.quickOpen",
    "when": "!inDebugRepl"
  },
  // 跳转到定义（对应WebStorm: Ctrl+B）
  {
    "key": "ctrl+b",
    "command": "editor.action.revealDefinition",
    "when": "editorTextFocus"
  },
  // 重构-重命名（对应WebStorm: Shift+F6）
  {
    "key": "shift+f6",
    "command": "editor.action.rename",
    "when": "editorTextFocus && !editorReadonly"
  },
  // 查找所有引用（对应WebStorm: Alt+F7）
  {
    "key": "alt+f7",
    "command": "references-view.findReferences",
    "when": "editorTextFocus"
  },
  // 切换上一个标签页（对应WebStorm: Alt+Left）
  {
    "key": "alt+left",
    "command": "workbench.action.previousEditor",
    "when": "editorFocus"
  },
  // 切换下一个标签页（对应WebStorm: Alt+Right）
  {
    "key": "alt+right",
    "command": "workbench.action.nextEditor",
    "when": "editorFocus"
  },
  // 跳转到类型定义（TS专属，对应WebStorm: Ctrl+Shift+B）
  {
    "key": "ctrl+shift+b",
    "command": "editor.action.goToTypeDefinition",
    "when": "editorTextFocus && editorLangId == 'typescript'"
  }
]

注意事项 #

• 如果插件配置和手动JSON配置冲突，手动配置优先级更高，可根据需求保留其一。
• 若某个快捷键被VS Code默认功能占用，可在配置中通过"when"条件限制生效场景，或先移除默认绑定后再添加自定义配置。
• 可根据个人使用习惯补充更多操作，比如代码折叠、调试快捷键等，对应WebStorm的快捷键查找后替换为VS Code的对应命令即可。

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