Visual Studio Code 快捷键终极指南（前端工程师专用）

作为前端工程师，掌握 VS Code 快捷键能大幅提升开发效率。我整理了最实用的快捷键分类表，包含基础操作、代码编辑、导航等核心功能，并标注了 Windows/Linux 和 macOS 的键位差异。

一、基础操作快捷键

二、代码编辑快捷键

文本操作

多光标操作

代码格式化

三、导航与搜索快捷键

文件内导航

全局搜索

四、编辑器管理快捷键

五、前端开发专用快捷键

六、调试快捷键

七、自定义快捷键技巧

1. 修改快捷键：

   • 打开命令面板 → 输入 “Preferences: Open Keyboard Shortcuts”
   • 搜索要修改的命令 → 点击铅笔图标设置新快捷键

2. 常用自定义设置（前端推荐）：

// keybindings.json
[
  {
    "key": "ctrl+alt+r",  // Win/Linux
    "command": "workbench.action.tasks.runTask",
    "args": "npm: start"  // 一键启动开发服务器
  },
  {
    "key": "ctrl+shift+u",  // Win/Linux
    "command": "editor.action.transformToUppercase"  // 转大写
  },
  {
    "key": "ctrl+shift+l",  // Win/Linux
    "command": "editor.action.transformToLowercase"  // 转小写
  }
]

3. 必备扩展快捷键：
   • ESLint: Ctrl+Shift+E 修复所有可自动修复的问题
   • Prettier: Shift+Alt+F 格式化代码
   • Live Server: Alt+L Alt+O 启动本地服务器

使用快捷键提示：安装扩展如 “Which Key” 显示可用快捷键

专业提示：在 VS Code 中按 Ctrl+K Ctrl+S (Win/Linux) 或 Cmd+K Cmd+S (macOS) 可直接打开快捷键编辑器