三生石旁长红妆
以泪还情入凡尘
惹得花残春也倦
大观园中旧景荒
VS Code作为当今最受欢迎的代码编辑器之一，凭借其强大的扩展生态、高度可定制性，深受开发者喜爱。然而，许多开发者并未完全发挥其潜力。本文将为你介绍 15 个实用的 VS Code 技巧，助你显著提升编码效率与开发体验。
- 使用集成终端
VS Code 内置了终端，无需切换窗口即可执行命令。
- 快捷键
Ctrl + `（反引号）
- 打开外部终端
Ctrl + Shift + C
你还可以在终端顶部的下拉菜单中选择不同的 Shell（如 Bash、Zsh、PowerShell 等），甚至通过点击 Split Terminal 按钮，在同一窗口中并行运行多个终端实例。
- 分屏编辑（Split Editor）
在处理多个文件或对比代码时，分屏功能非常实用。
- 水平分屏
Ctrl + \
- 更多布局
View → Editor Layout
，支持网格、三列等多种布局
- 组内分屏
（不新建组）：
Ctrl + K
→
Ctrl + Shift + \
你可以通过拖拽文件到不同区域，灵活组织你的工作区。
- 快速创建文件（Create Files on the Go）
在代码中引用一个尚不存在的文件路径？只需 按住 Ctrl 并点击该路径 ，VS Code 会提示你是否创建该文件，并自动打开。
无需离开编辑器，也无需手动创建文件！
- 快速滚动（Fast Scrolling）
在大型文件中快速定位？试试这个技巧：
- 按住
Alt键 + 鼠标滚轮
滚动速度提升 5 倍！
非常适合快速浏览长文件或日志。
- 同步滚动（Synchronized Scrolling）
当你在对比两个文件时，启用同步滚动可以让两侧内容同步移动。
- 打开命令面板：
Ctrl + Shift + P - 输入并执行： Toggle Locked Scrolling Across Editors
滚动一个窗口，另一个也会同步滚动，极大提升对比效率。
- 粘性滚动（Sticky Scroll）
在大型文件（如 Markdown 文档或长函数文件）中，粘性滚动能自动将当前所在作用域（如函数名、章节标题）固定在顶部。
- 启用方式：
Ctrl + Shift + P→ 搜索 Toggle Editor Sticky Scroll
这不仅提升可读性，也方便快速导航。
- 多光标编辑（Multi-Cursor Editing）
同时编辑多个位置？VS Code 的多光标功能让你事半功倍。
- 手动添加光标
按住
Alt
（Windows/Linux）或
Option
（Mac），点击多个位置
- 选中所有匹配项
选中文本后按
Ctrl + Shift + L
- 逐个添加匹配项
连续按
Ctrl + D
非常适合批量重命名、修改参数等场景。
- Markdown 实时预览
编写 Markdown 时，预览功能必不可少。
- 新标签页预览
Ctrl + Shift + V
- 侧边分屏预览
Ctrl + K
→
V
预览会实时更新，所见即所得。
- 专注模式：禅模式（Zen Mode）
界面干扰太多？进入禅模式，只保留代码区域。
- 快捷键：
Ctrl + K→Z - 退出：按
Esc两次
适合深度编码或写作时使用，沉浸感拉满。
- 快速移动/复制代码行
无需剪切粘贴，直接移动整行代码：
- 向上移动
Alt + ↑
- 向下移动
Alt + ↓
- 复制当前行到下方
Shift + Alt + ↓
⚠️ 注意：在 Ubuntu 等 Linux 系统中，这些快捷键可能与系统冲突，需在设置中调整。
- 智能重命名（Rename Symbol）
重命名变量、函数时，自动更新所有引用：
- 选中变量 → 按
F2→ 输入新名称 → 回车
VS Code 会基于语言服务进行智能重命名，避免手动查找替换的错误。
- 一键格式化文档
保持代码风格统一？一键格式化搞定：
- 快捷键
Ctrl + Shift + I
前提是你已安装对应语言的格式化插件（如 Prettier、ESLint、Black 等）。
- 批量注释/取消注释
快速注释多行代码：
- Linux
Ctrl + Shift + A
- Windows/macOS
通常是
Ctrl + /
或
Cmd + /
（取决于语言）
VS Code 会根据当前语言自动使用合适的注释符号。
- 内置简易浏览器（Simple Browser）
VS Code 自带一个轻量级浏览器预览功能，常用于插件展示网页内容。
- 打开方式：
Ctrl + Shift + P→ 搜索 Simple Browser: Show
虽然功能简单，但在调试本地 HTML 或预览文档时非常方便。
- 双击保持文件常驻（Keep File Active）
默认情况下，单击打开的文件是“临时标签”，再次打开其他文件时会被自动关闭。
- 解决方法
双击文件 打开
- 效果：该文件将常驻编辑器，不会被自动关闭
适合需要长期参考但不修改的文件（如配置文件、文档等）。
结语
以上 15 个技巧覆盖了终端、编辑、导航、预览等多个维度，无论你是前端、后端还是全栈开发者，都能从中受益。
你还有哪些私藏的 VS Code 小技巧？欢迎在评论区分享！
福利阅读