15 个提升开发效率的 VS Code 技巧,新手秒变高手

99 阅读6分钟

Visual Studio Code(简称 VS Code)作为当今最受欢迎的代码编辑器之一,凭借其强大的扩展生态、轻量级设计和高度可定制性,深受开发者喜爱。然而,许多开发者并未完全发挥其潜力。本文将为你介绍 15 个实用的 VS Code 技巧,助你显著提升编码效率与开发体验。


1. 使用集成终端

VS Code 内置了终端,无需切换窗口即可执行命令。

  • 快捷键:`Ctrl + ``(反引号)
  • 打开外部终端Ctrl + Shift + C

你还可以在终端顶部的下拉菜单中选择不同的 Shell(如 Bash、Zsh、PowerShell 等),甚至通过点击 Split Terminal 按钮,在同一窗口中并行运行多个终端实例。

在这里插入图片描述

在这里插入图片描述


2. 分屏编辑(Split Editor)

在处理多个文件或对比代码时,分屏功能非常实用。

  • 水平分屏Ctrl + \
  • 更多布局View → Editor Layout,支持网格、三列等多种布局
  • 组内分屏(不新建组):Ctrl + KCtrl + Shift + \

你可以通过拖拽文件到不同区域,灵活组织你的工作区。

在这里插入图片描述 在这里插入图片描述


3. 快速创建文件(Create Files on the Go)

在代码中引用一个尚不存在的文件路径?只需 按住 Ctrl 并点击该路径,VS Code 会提示你是否创建该文件,并自动打开。

无需离开编辑器,也无需手动创建文件! 在这里插入图片描述


4. 快速滚动(Fast Scrolling)

在大型文件中快速定位?试试这个技巧:

  • 按住 Alt 键 + 鼠标滚轮:滚动速度提升 5 倍!

非常适合快速浏览长文件或日志。

在这里插入图片描述


5. 同步滚动(Synchronized Scrolling)

当你在对比两个文件时,启用同步滚动可以让两侧内容同步移动。

  • 打开命令面板:Ctrl + Shift + P
  • 输入并执行:Toggle Locked Scrolling Across Editors

滚动一个窗口,另一个也会同步滚动,极大提升对比效率。


6. 粘性滚动(Sticky Scroll)

在大型文件(如 Markdown 文档或长函数文件)中,粘性滚动能自动将当前所在作用域(如函数名、章节标题)固定在顶部。

  • 启用方式:Ctrl + Shift + P → 搜索 Toggle Editor Sticky Scroll

这不仅提升可读性,也方便快速导航。


7. 多光标编辑(Multi-Cursor Editing)

同时编辑多个位置?VS Code 的多光标功能让你事半功倍。

  • 手动添加光标:按住 Alt(Windows/Linux)或 Option(Mac),点击多个位置
  • 选中所有匹配项:选中文本后按 Ctrl + Shift + L
  • 逐个添加匹配项:连续按 Ctrl + D

非常适合批量重命名、修改参数等场景。

在这里插入图片描述 在这里插入图片描述


8. Markdown 实时预览

编写 Markdown 时,预览功能必不可少。

  • 新标签页预览Ctrl + Shift + V
  • 侧边分屏预览Ctrl + KV

预览会实时更新,所见即所得。

在这里插入图片描述 在这里插入图片描述


9. 专注模式:禅模式(Zen Mode)

界面干扰太多?进入禅模式,只保留代码区域。

  • 快捷键:Ctrl + KZ
  • 退出:按 Esc 两次

适合深度编码或写作时使用,沉浸感拉满。 在这里插入图片描述


10. 快速移动/复制代码行

无需剪切粘贴,直接移动整行代码:

  • 向上移动Alt + ↑
  • 向下移动Alt + ↓
  • 复制当前行到下方Shift + Alt + ↓(部分系统需手动启用)

⚠️ 注意:在 Ubuntu 等 Linux 系统中,这些快捷键可能与系统冲突,需在设置中调整。 在这里插入图片描述


11. 智能重命名(Rename Symbol)

重命名变量、函数时,自动更新所有引用:

  • 选中变量 → 按 F2 → 输入新名称 → 回车

VS Code 会基于语言服务进行智能重命名,避免手动查找替换的错误。


12. 一键格式化文档

保持代码风格统一?一键格式化搞定:

  • 快捷键Ctrl + Shift + I

前提是你已安装对应语言的格式化插件(如 Prettier、ESLint、Black 等)。


13. 批量注释/取消注释

快速注释多行代码:

  • LinuxCtrl + Shift + A
  • Windows/macOS:通常是 Ctrl + /Cmd + /(取决于语言)

VS Code 会根据当前语言自动使用合适的注释符号。


14. 内置简易浏览器(Simple Browser)

VS Code 自带一个轻量级浏览器预览功能,常用于插件展示网页内容。

  • 打开方式:Ctrl + Shift + P → 搜索 Simple Browser: Show

虽然功能简单,但在调试本地 HTML 或预览文档时非常方便。


15. 双击保持文件常驻(Keep File Active)

默认情况下,单击打开的文件是“临时标签”,再次打开其他文件时会被自动关闭。

  • 解决方法双击文件打开
  • 效果:该文件将常驻编辑器,不会被自动关闭

适合需要长期参考但不修改的文件(如配置文件、文档等)。


结语

以上 15 个技巧覆盖了终端、编辑、导航、预览等多个维度,无论你是前端、后端还是全栈开发者,都能从中受益。建议你根据自己的工作流,逐步尝试并内化这些技巧。

你还有哪些私藏的 VS Code 小技巧?欢迎在评论区分享!