VS Code 效率指南：让你的开发速度翻倍

工欲善其事，必先利其器。VS Code 作为目前最流行的代码编辑器，藏着大量被忽视的高效功能。这篇文章不讲基础，只聊真正能提速的实战技巧。

光标操作：多光标是核心生产力

多光标是 VS Code 最被低估的功能之一。

• Ctrl+D：选中当前单词，继续按会选中下一个相同单词。比全局替换精准得多。
• Alt+Click：在任意位置添加光标，适合不规则的多行编辑。
• Ctrl+Shift+L：选中所有匹配项并添加光标。比 Ctrl+D 更暴力。
• Ctrl+Alt+↑/↓：向上/下方添加光标，适合处理列对齐的数据。

// 场景：批量把 const 改成 let
const a = 1;    // 光标在这
const b = 2;    // Ctrl+Alt+↓ 自动添加
const c = 3;    // 三行同时编辑

快速操作：减少鼠标依赖

操作	快捷键	说明
命令面板	Ctrl+Shift+P	VS Code 的一切入口
快速打开文件	Ctrl+P	输入文件名片段即可模糊匹配
跳转到行	Ctrl+G	输入行号直达
跳转到符号	Ctrl+Shift+O	在当前文件的函数/类之间跳转
工作区符号	Ctrl+T	全项目搜索函数名
侧边栏切换	Ctrl+B	快速隐藏/显示侧边栏
终端切换	Ctrl+`	内置终端，不用切窗口
向上/下复制行	Shift+Alt+↑/↓	比复制粘贴快

智能重构：让编辑器替你干活

重命名符号（F2）

不是简单的查找替换，而是语义级的重命名。它知道变量的作用域，不会误改同名但无关的代码。

快速修复（Ctrl+.）

光标放在报错位置，按 Ctrl+. 弹出修复建议。常见场景：

• 自动导入缺失的模块
• 创建未定义的函数
• 转换箭头函数和普通函数

提取重构（Ctrl+Shift+R）

选中一段代码，按 Ctrl+Shift+R 可以：

• 提取为函数
• 提取为常量
• 提取为变量

终端集成：不离开编辑器

# 在当前文件目录打开终端
Ctrl+`

# 运行选中的代码块
选中代码 → Ctrl+Shift+P → "Run Selected Text"

# 终端中快速打开文件
Ctrl+P 输入文件名

终端支持多实例：点 + 号新建，下拉切换。前端项目可以一个跑 dev server，一个跑 git。

推荐插件：只装真正有用的

必备

• GitLens：行内显示 git blame 信息，追溯代码历史一键搞定
• Error Lens：错误信息直接显示在代码行内，不用看底部状态栏
• indent-rainbow：缩进层级彩色标记，Python/JS 写起来不迷路

前端

• Tailwind CSS IntelliSense：Tailwind 类名自动补全和预览
• Auto Rename Tag：修改 HTML 标签时自动同步闭合标签
• CSS Peek：Ctrl+Click 跳转到 CSS 定义

通用

• Bookmarks：在代码中打书签，大文件跳转神器
• TODO Highlight：高亮 TODO/FIXME 注释
• Better Comments：按类型给注释上色（警告、信息、待办）

设置技巧

// settings.json 中值得改的默认值
{
  // 自动保存，不用手动 Ctrl+S
  "files.autoSave": "afterDelay",
  "files.autoSaveDelay": 1000,

  // 关闭小地图，省空间
  "editor.minimap.enabled": false,

  // 字体连字（需要字体支持，如 JetBrains Mono）
  "editor.fontLigatures": true,

  // 滚动超出最后一行，留白更舒服
  "editor.scrollBeyondLastLine": false,

  // Tab 大小
  "editor.tabSize": 2,
  "editor.insertSpaces": true,

  // 终端字体大小
  "terminal.integrated.fontSize": 14
}

真正提效的习惯

1. 少用鼠标：强迫自己用快捷键，两周后速度会质变
2. 善用命令面板：记不住快捷键没关系，Ctrl+Shift+P 搜索就行
3. 配置同步：用 Settings Sync 插件，换电脑不丢配置
4. 工作区设置：项目级 .vscode/settings.json 统一团队规范

效率不是一蹴而就的，而是每天少按几次鼠标、少切几次窗口积累出来的。