
VS Code 常用操作与命令
一、基础操作(Windows / macOS 快捷键)
| 功能 | Windows 快捷键 | macOS 快捷键 | 说明 |
|---|---|---|---|
| 打开命令面板 | Ctrl+Shift+P | Cmd+Shift+P | 执行几乎所有命令 |
| 快速打开文件 | Ctrl+P | Cmd+P | 输入文件名快速跳转 |
| 新建文件 | Ctrl+N | Cmd+N | 创建新文件 |
| 新建窗口 | Ctrl+Shift+N | Cmd+Shift+N | 打开新 VS Code 窗口 |
| 关闭编辑器 | Ctrl+W | Cmd+W | 关闭当前标签页 |
| 保存文件 | Ctrl+S | Cmd+S | 保存当前文件 |
| 全部保存 | Ctrl+K S | Cmd+K S | 保存所有打开的文件 |
| 撤销 / 重做 | Ctrl+Z / Ctrl+Y | Cmd+Z / Cmd+Shift+Z | 撤销或重做 |
| 复制当前行 | Ctrl+C(无选中) | Cmd+C(无选中) | 复制整行 |
| 剪切当前行 | Ctrl+X(无选中) | Cmd+X(无选中) | 剪切整行 |
| 删除当前行 | Ctrl+Shift+K | Cmd+Shift+K | 删除整行 |
| 向上/下移动行 | Alt+↑ / Alt+↓ | Option+↑ / Option+↓ | 移动当前行 |
| 复制行并插入下方 | Shift+Alt+↓ | Shift+Option+↓ | 快速复制行 |
| 切换侧边栏 | Ctrl+B | Cmd+B | 显示/隐藏左侧资源管理器 |
| 切换终端 | `Ctrl+`` | `Cmd+`` | 打开/关闭集成终端 |
二、搜索与替换
| 功能 | 快捷键 | 说明 | 说明 |
|---|---|---|---|
| 当前文件搜索 | Ctrl+F | 在当前文件中查找 | 执行几乎所有命令 |
| 当前文件替换 | Ctrl+H | 替换文本(需先 Ctrl+F) | 输入文件名快速跳转 |
| 全局搜索 | Ctrl+Shift+F | 在整个项目中搜索 | 创建新文件 |
| 全局替换 | Ctrl+Shift+H | 全局替换(谨慎使用) | 打开新 VS Code 窗口 |
| 跳转到指定行 | Ctrl+G | 输入行号快速跳转 | 关闭当前标签页 |
| 高亮所有匹配项 | — | 搜索时自动高亮 | 保存当前文件 |
| 全部保存 | Ctrl+K S | Cmd+K S | 保存所有打开的文件 |
| 撤销 / 重做 | Ctrl+Z / Ctrl+Y | Cmd+Z / Cmd+Shift+Z | 撤销或重做 |
| 复制当前行 | Ctrl+C(无选中) | Cmd+C(无选中) | 复制整行 |
| 剪切当前行 | Ctrl+X(无选中) | Cmd+X(无选中) | 剪切整行 |
| 删除当前行 | Ctrl+Shift+K | Cmd+Shift+K | 删除整行 |
| 向上/下移动行 | Alt+↑ / Alt+↓ | Option+↑ / Option+↓ | 移动当前行 |
| 复制行并插入下方 | Shift+Alt+↓ | Shift+Option+↓ | 快速复制行 |
| 切换侧边栏 | Ctrl+B | Cmd+B | 显示/隐藏左侧资源管理器 |
| 切换终端 | `Ctrl+`` | `Cmd+`` | 打开/关闭集成终端 |
三、代码编辑技巧
| 功能 | 快捷键 | 说明 | 说明 |
|---|---|---|---|
| 格式化代码 | Shift+Alt+F | 使用 Prettier 或语言默认格式化工具 | 执行几乎所有命令 |
| 折叠/展开代码块 | Ctrl+Shift+ [ / ] | 折叠当前代码块 | 输入文件名快速跳转 |
| 全部折叠 | Ctrl+K Ctrl+0 | 折叠所有区域 | 创建新文件 |
| 全部展开 | Ctrl+K Ctrl+J | 展开所有区域 | 打开新 VS Code 窗口 |
| 多光标选择 | Ctrl+Alt+↑/↓ | 在上下行添加光标 | 关闭当前标签页 |
| 选择相同文本 | Ctrl+D | 逐个选中相同单词 | 保存当前文件 |
| 全选相同文本 | Ctrl+Shift+L | 一次性选中所有匹配项 | 保存所有打开的文件 |
| 注释/取消注释 | Ctrl+/ | 单行注释(支持 HTML、JS、CSS 等) | 撤销或重做 |
| 块注释 | Shift+Alt+A | 多行注释 | 复制整行 |
| 自动补全 | Ctrl+Space | 触发智能提示 | 剪切整行 |
| 删除当前行 | Ctrl+Shift+K | Cmd+Shift+K | 删除整行 |
| 向上/下移动行 | Alt+↑ / Alt+↓ | Option+↑ / Option+↓ | 移动当前行 |
| 复制行并插入下方 | Shift+Alt+↓ | Shift+Option+↓ | 快速复制行 |
| 切换侧边栏 | Ctrl+B | Cmd+B | 显示/隐藏左侧资源管理器 |
| 切换终端 | `Ctrl+`` | `Cmd+`` | 打开/关闭集成终端 |
四、文件与项目管理
| 功能 | 快捷键 | 说明 | 说明 |
|---|---|---|---|
| 打开资源管理器 | Ctrl+Shift+E | 显示左侧文件树 | 执行几乎所有命令 |
| 在资源管理器中定位当前文件 | Ctrl+Shift+P → Reveal in Explorer | 快速定位文件 | 输入文件名快速跳转 |
| 新建文件 | Ctrl+Alt+N(需插件)或右键 | 在资源管理器中新建 | 创建新文件 |
| 新建文件夹 | 右键资源管理器 → 新建文件夹 | — | 打开新 VS Code 窗口 |
| 重命名文件 | F2 或右键 | 支持跨文件引用重命名(部分语言) | 关闭当前标签页 |
| 在终端中打开文件夹 | Ctrl+Shift+C | 在集成终端打开当前路径 | 保存当前文件 |
| 全选相同文本 | Ctrl+Shift+L | 一次性选中所有匹配项 | 保存所有打开的文件 |
| 注释/取消注释 | Ctrl+/ | 单行注释(支持 HTML、JS、CSS 等) | 撤销或重做 |
| 块注释 | Shift+Alt+A | 多行注释 | 复制整行 |
| 自动补全 | Ctrl+Space | 触发智能提示 | 剪切整行 |
| 删除当前行 | Ctrl+Shift+K | Cmd+Shift+K | 删除整行 |
| 向上/下移动行 | Alt+↑ / Alt+↓ | Option+↑ / Option+↓ | 移动当前行 |
| 复制行并插入下方 | Shift+Alt+↓ | Shift+Option+↓ | 快速复制行 |
| 切换侧边栏 | Ctrl+B | Cmd+B | 显示/隐藏左侧资源管理器 |
| 切换终端 | `Ctrl+`` | `Cmd+`` | 打开/关闭集成终端 |
五、调试(Debug)操作
| 功能 | 快捷键 | 说明 | 说明 |
|---|---|---|---|
| 启动调试 | F5 | 启动调试会话 | 执行几乎所有命令 |
| 停止调试 | Shift+F5 | 停止当前调试 | 输入文件名快速跳转 |
| 单步跳过 | F10 | Step Over | 创建新文件 |
| 单步进入 | F11 | Step Into | 打开新 VS Code 窗口 |
| 单步跳出 | Shift+F11 | Step Out | 关闭当前标签页 |
| 切换断点 | F9 | 在当前行设置/取消断点 | 保存当前文件 |
| 查看调用栈 | 调试面板中查看 | 显示函数调用层级 | 保存所有打开的文件 |
| 注释/取消注释 | Ctrl+/ | 单行注释(支持 HTML、JS、CSS 等) | 撤销或重做 |
| 块注释 | Shift+Alt+A | 多行注释 | 复制整行 |
| 自动补全 | Ctrl+Space | 触发智能提示 | 剪切整行 |
| 删除当前行 | Ctrl+Shift+K | Cmd+Shift+K | 删除整行 |
| 向上/下移动行 | Alt+↑ / Alt+↓ | Option+↑ / Option+↓ | 移动当前行 |
| 复制行并插入下方 | Shift+Alt+↓ | Shift+Option+↓ | 快速复制行 |
| 切换侧边栏 | Ctrl+B | Cmd+B | 显示/隐藏左侧资源管理器 |
| 切换终端 | `Ctrl+`` | `Cmd+`` | 打开/关闭集成终端 |
- ⚠️ 需配置 .vscode/launch.json 文件
六、Git 与版本控制
| 功能 | 快捷键 | 说明 | 说明 |
|---|---|---|---|
| 打开源代码管理 | Ctrl+Shift+G | 显示 Git 更改 | 执行几乎所有命令 |
| 暂存更改 | Ctrl+Enter | 提交所有更改(输入消息后) | 输入文件名快速跳转 |
| 撤销更改 | 右键文件 → Discard Changes | 放弃修改 | 创建新文件 |
| 查看差异 | 点击文件 | 显示 diff 对比 | 打开新 VS Code 窗口 |
| 拉取(Pull) | Ctrl+Shift+P → Git: Pull | 拉取远程更新 | 关闭当前标签页 |
| 推送(Push) | Ctrl+Shift+P → Git: Push | 推送到远程 | 保存当前文件 |
| 切换分支 | Ctrl+Shift+P → Git: Checkout to... | 切换或新建分支 | 保存所有打开的文件 |
| 注释/取消注释 | Ctrl+/ | 单行注释(支持 HTML、JS、CSS 等) | 撤销或重做 |
| 块注释 | Shift+Alt+A | 多行注释 | 复制整行 |
| 自动补全 | Ctrl+Space | 触发智能提示 | 剪切整行 |
| 删除当前行 | Ctrl+Shift+K | Cmd+Shift+K | 删除整行 |
| 向上/下移动行 | Alt+↑ / Alt+↓ | Option+↑ / Option+↓ | 移动当前行 |
| 复制行并插入下方 | Shift+Alt+↓ | Shift+Option+↓ | 快速复制行 |
| 切换侧边栏 | Ctrl+B | Cmd+B | 显示/隐藏左侧资源管理器 |
| 切换终端 | `Ctrl+`` | `Cmd+`` | 打开/关闭集成终端 |
七、常用命令(通过 Ctrl+Shift+P 执行)
| 命令 | 说明 | 说明 | 说明 |
|---|---|---|---|
| > Reload Window | 重新加载 VS Code 窗口 | 显示 Git 更改 | 执行几乎所有命令 |
| > Preferences: Open Settings (UI) | 打开图形化设置 | 提交所有更改(输入消息后) | 输入文件名快速跳转 |
| > Preferences: Open Settings (JSON) | 直接编辑 settings.json | 放弃修改 | 创建新文件 |
| > Extensions: Install Extensions | 安装扩展 | 显示 diff 对比 | 打开新 VS Code 窗口 |
| > Developer: Reload With Extensions Disabled | 禁用插件重启(排查问题) | 拉取远程更新 | 关闭当前标签页 |
| > Format Document | 格式化当前文档 | 推送到远程 | 保存当前文件 |
| > Rename Symbol | 重命名变量/函数(智能重命名) | 切换或新建分支 | 保存所有打开的文件 |
| > Go to Definition | 跳转到定义(F12) | 单行注释(支持 HTML、JS、CSS 等) | 撤销或重做 |
| > Peek Definition | 浮窗查看定义(Alt+F12) | 多行注释 | 复制整行 |
| > Find All References | 查找所有引用(Shift+F12) | 触发智能提示 | 剪切整行 |
| 删除当前行 | Ctrl+Shift+K | Cmd+Shift+K | 删除整行 |
| 向上/下移动行 | Alt+↑ / Alt+↓ | Option+↑ / Option+↓ | 移动当前行 |
| 复制行并插入下方 | Shift+Alt+↓ | Shift+Option+↓ | 快速复制行 |
| 切换侧边栏 | Ctrl+B | Cmd+B | 显示/隐藏左侧资源管理器 |
| 切换终端 | `Ctrl+`` | `Cmd+`` | 打开/关闭集成终端 |
八、实用技巧
-
多光标编辑 按住 Alt + 拖动鼠标,可创建多个光标 适用于批量修改变量名、添加前缀等
-
代码片段(Snippets) 使用 Tab 快速补全代码块(如 for, clg → console.log())
-
文件预览模式 单击文件在编辑器中预览,不固定标签页 双击可“固定”标签页
-
分割编辑器 Ctrl+\ 分割当前编辑器(左右) 拖动标签页到右侧可分屏
-
Zen Mode(禅模式) Ctrl+K Z 进入全屏专注模式 再按一次退出
-
切换语言模式 Ctrl+K M 选择语言(如 JavaScript、Python)
九、推荐插件(Extensions)
| 插件名 | 用途 | 说明 | 说明 |
|---|---|---|---|
| Prettier | 代码格式化 | 显示 Git 更改 | 执行几乎所有命令 |
| ESLint | JavaScript/TypeScript 代码检查 | 提交所有更改(输入消息后) | 输入文件名快速跳转 |
| Bracket Pair Colorizer | 彩色括号匹配 | 放弃修改 | 创建新文件 |
| Path Intellisense | 路径自动补全 | 显示 diff 对比 | 打开新 VS Code 窗口 |
| GitLens | 增强 Git 功能(查看谁修改了哪行) | 拉取远程更新 | 关闭当前标签页 |
| Live Server | 启动本地服务器预览 HTML | 推送到远程 | 保存当前文件 |
| Python | Python 开发支持 | 切换或新建分支 | 保存所有打开的文件 |
| Thunder Client | 类似 Postman 的 API 测试工具 | 单行注释(支持 HTML、JS、CSS 等) | 撤销或重做 |
| Code Runner | 快速运行代码片段 | 多行注释 | 复制整行 |
| > Find All References | 查找所有引用(Shift+F12) | 触发智能提示 | 剪切整行 |
| 删除当前行 | Ctrl+Shift+K | Cmd+Shift+K | 删除整行 |
| 向上/下移动行 | Alt+↑ / Alt+↓ | Option+↑ / Option+↓ | 移动当前行 |
| 复制行并插入下方 | Shift+Alt+↓ | Shift+Option+↓ | 快速复制行 |
| 切换侧边栏 | Ctrl+B | Cmd+B | 显示/隐藏左侧资源管理器 |
| 切换终端 | `Ctrl+`` | `Cmd+`` | 打开/关闭集成终端 |
十、常用设置(settings.json)
{
"editor.tabSize": 2,
"editor.formatOnSave": true,
"editor.formatOnPaste": true,
"files.autoSave": "onFocusChange",
"explorer.confirmDelete": false,
"workbench.startupEditor": "none",
"git.autofetch": true,
"terminal.integrated.fontSize": 14
}
总结
VS Code 是目前最流行的代码编辑器之一,掌握这些常用操作可以极大提升开发效率。