Visual Studio Code 常用与高效的使用技巧，助你提升编辑和开发效率。
常用快捷键
| 操作 | Windows/Linux | macOS |
|---|---|---|
| 命令面板 | Ctrl+Shift+P |
Cmd+Shift+P |
| 打开设置 | Ctrl+, |
Cmd+, |
| 全局搜索 | Ctrl+Shift+F |
Cmd+Shift+F |
| 文件搜索快速打开文件 | Ctrl+P |
Cmd+P |
| 切换标签页 | Ctrl+Tab |
Cmd+Tab |
| 批量选中同名内容 | Ctrl+D |
Cmd+D |
| 多光标批量编辑 | Alt+点击 |
Option+点击 |
| 格式化代码 | Shift+Alt+F |
Shift+Option+F |
| 跳转到定义 | F12 |
F12 |
| 查找全部引用 | Shift+F12 |
Shift+F12 |
高效用法与插件推荐
1. 快速多光标编辑
- 按住
Alt（Mac为Option）+ 鼠标左键，可以同时多处插入光标。 Ctrl+D/Cmd+D选中下一个同名内容。
2. 命令面板
Ctrl+Shift+P快速查找和执行各种命令，比如安装插件、切换主题、格式化文档等。
3. 智能补全与代码片段
- 利用 Tab 补全建议
- 输入部分内容然后按
Tab，会自动补全部分结构（如输入for+Tab自动成 for 循环）。 - 插件市场海量代码片段可用，如 Python Snippets、ES7 React/Redux/GraphQL/React-Native snippets 等。
4. 切换终端
Ctrl+（即 Ctrl+数字1 左侧的反引号 `）打开内置终端- 多终端支持，支持分屏
5. 代码跳转与预览
Ctrl+单击/Cmd+单击直接跳转到定义Alt+F12内联预览定义，不离开当前行查看实现
6. 侧边栏灵活调整
- 可以拖拽切换侧边栏的位置，比如将工具栏从左边移动到右边
- 可以通过设置
Settings Sync同步多台设备的配置和插件
7. 编辑器分屏
- 拖拽标签页到编辑器右侧，可以实现左右、上下分屏编辑
8. 推荐实用插件
- 中文语言包（Chinese(Simplified) Language Pack for VS Code）：让界面变中文
- Prettier：格式化各种代码
- ESLint：代码质量和风格检查，写 JS/TS 必备
- GitLens：丰富的 Git 历史与 Blame 显示
- Path Intellisense：路径智能补全
- Bracket Pair Colorizer 2：括号高亮，方便排查代码块
- Live Server：本地 Web 服务，前端开发利器
- Remote - SSH/Containers：远程开发/容器开发
9. 快速批量编辑
- 按
Ctrl+F2/Cmd+F2，可以全选所有出现的内容并同时编辑
10. Zen Mode/专注模式
Ctrl+K Z进入 Zen Mode 隐藏所有工具栏/侧边栏，只聚焦代码
11. 粘贴并自动美化
- 选项
"editor.formatOnPaste": true，设置后，每次粘贴代码都会自动格式化
12. 高效查找替换
- 全局查找替换支持正则，批量改文件非常高效
进阶小贴士
- 设置同步：登录微软账户，实现 VS Code 设置、插件多设备实时同步。
- 任务系统：写
tasks.json定义自定义构建、测试任务，快捷键直接执行。 - 快捷跳转函数/类大纲：
Ctrl+Shift+O（或Cmd+Shift+O）快速浏览当前文件结构。 - 自动补全+AI助手：如装 GitHub Copilot/ChatGPT 插件，体验 AI 编程辅助。
- 快捷预览Markdown：
Ctrl+Shift+V或点击文件右上角，可以实时预览MD文档渲染效果。
0