简体中文
文章标题

VS Code 常用操作与命令

一、基础操作(Windows / macOS 快捷键)

功能Windows 快捷键macOS 快捷键说明
打开命令面板Ctrl+Shift+PCmd+Shift+P执行几乎所有命令
快速打开文件Ctrl+PCmd+P输入文件名快速跳转
新建文件Ctrl+NCmd+N创建新文件
新建窗口Ctrl+Shift+NCmd+Shift+N打开新 VS Code 窗口
关闭编辑器Ctrl+WCmd+W关闭当前标签页
保存文件Ctrl+SCmd+S保存当前文件
全部保存Ctrl+K SCmd+K S保存所有打开的文件
撤销 / 重做Ctrl+Z / Ctrl+YCmd+Z / Cmd+Shift+Z撤销或重做
复制当前行Ctrl+C(无选中)Cmd+C(无选中)复制整行
剪切当前行Ctrl+X(无选中)Cmd+X(无选中)剪切整行
删除当前行Ctrl+Shift+KCmd+Shift+K删除整行
向上/下移动行Alt+↑ / Alt+↓Option+↑ / Option+↓移动当前行
复制行并插入下方Shift+Alt+↓Shift+Option+↓快速复制行
切换侧边栏Ctrl+BCmd+B显示/隐藏左侧资源管理器
切换终端`Ctrl+```Cmd+``打开/关闭集成终端

二、搜索与替换

功能快捷键说明说明
当前文件搜索Ctrl+F在当前文件中查找执行几乎所有命令
当前文件替换Ctrl+H替换文本(需先 Ctrl+F)输入文件名快速跳转
全局搜索Ctrl+Shift+F在整个项目中搜索创建新文件
全局替换Ctrl+Shift+H全局替换(谨慎使用)打开新 VS Code 窗口
跳转到指定行Ctrl+G输入行号快速跳转关闭当前标签页
高亮所有匹配项搜索时自动高亮保存当前文件
全部保存Ctrl+K SCmd+K S保存所有打开的文件
撤销 / 重做Ctrl+Z / Ctrl+YCmd+Z / Cmd+Shift+Z撤销或重做
复制当前行Ctrl+C(无选中)Cmd+C(无选中)复制整行
剪切当前行Ctrl+X(无选中)Cmd+X(无选中)剪切整行
删除当前行Ctrl+Shift+KCmd+Shift+K删除整行
向上/下移动行Alt+↑ / Alt+↓Option+↑ / Option+↓移动当前行
复制行并插入下方Shift+Alt+↓Shift+Option+↓快速复制行
切换侧边栏Ctrl+BCmd+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+KCmd+Shift+K删除整行
向上/下移动行Alt+↑ / Alt+↓Option+↑ / Option+↓移动当前行
复制行并插入下方Shift+Alt+↓Shift+Option+↓快速复制行
切换侧边栏Ctrl+BCmd+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+KCmd+Shift+K删除整行
向上/下移动行Alt+↑ / Alt+↓Option+↑ / Option+↓移动当前行
复制行并插入下方Shift+Alt+↓Shift+Option+↓快速复制行
切换侧边栏Ctrl+BCmd+B显示/隐藏左侧资源管理器
切换终端`Ctrl+```Cmd+``打开/关闭集成终端

五、调试(Debug)操作

功能快捷键说明说明
启动调试F5启动调试会话执行几乎所有命令
停止调试Shift+F5停止当前调试输入文件名快速跳转
单步跳过F10Step Over创建新文件
单步进入F11Step Into打开新 VS Code 窗口
单步跳出Shift+F11Step Out关闭当前标签页
切换断点F9在当前行设置/取消断点保存当前文件
查看调用栈调试面板中查看显示函数调用层级保存所有打开的文件
注释/取消注释Ctrl+/单行注释(支持 HTML、JS、CSS 等)撤销或重做
块注释Shift+Alt+A多行注释复制整行
自动补全Ctrl+Space触发智能提示剪切整行
删除当前行Ctrl+Shift+KCmd+Shift+K删除整行
向上/下移动行Alt+↑ / Alt+↓Option+↑ / Option+↓移动当前行
复制行并插入下方Shift+Alt+↓Shift+Option+↓快速复制行
切换侧边栏Ctrl+BCmd+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+KCmd+Shift+K删除整行
向上/下移动行Alt+↑ / Alt+↓Option+↑ / Option+↓移动当前行
复制行并插入下方Shift+Alt+↓Shift+Option+↓快速复制行
切换侧边栏Ctrl+BCmd+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+KCmd+Shift+K删除整行
向上/下移动行Alt+↑ / Alt+↓Option+↑ / Option+↓移动当前行
复制行并插入下方Shift+Alt+↓Shift+Option+↓快速复制行
切换侧边栏Ctrl+BCmd+B显示/隐藏左侧资源管理器
切换终端`Ctrl+```Cmd+``打开/关闭集成终端

八、实用技巧

  1. 多光标编辑 按住 Alt + 拖动鼠标,可创建多个光标 适用于批量修改变量名、添加前缀等

  2. 代码片段(Snippets) 使用 Tab 快速补全代码块(如 for, clg → console.log())

  3. 文件预览模式 单击文件在编辑器中预览,不固定标签页 双击可“固定”标签页

  4. 分割编辑器 Ctrl+\ 分割当前编辑器(左右) 拖动标签页到右侧可分屏

  5. Zen Mode(禅模式) Ctrl+K Z 进入全屏专注模式 再按一次退出

  6. 切换语言模式 Ctrl+K M 选择语言(如 JavaScript、Python)

九、推荐插件(Extensions)

插件名用途说明说明
Prettier代码格式化显示 Git 更改执行几乎所有命令
ESLintJavaScript/TypeScript 代码检查提交所有更改(输入消息后)输入文件名快速跳转
Bracket Pair Colorizer彩色括号匹配放弃修改创建新文件
Path Intellisense路径自动补全显示 diff 对比打开新 VS Code 窗口
GitLens增强 Git 功能(查看谁修改了哪行)拉取远程更新关闭当前标签页
Live Server启动本地服务器预览 HTML推送到远程保存当前文件
PythonPython 开发支持切换或新建分支保存所有打开的文件
Thunder Client类似 Postman 的 API 测试工具单行注释(支持 HTML、JS、CSS 等)撤销或重做
Code Runner快速运行代码片段多行注释复制整行
> Find All References查找所有引用(Shift+F12)触发智能提示剪切整行
删除当前行Ctrl+Shift+KCmd+Shift+K删除整行
向上/下移动行Alt+↑ / Alt+↓Option+↑ / Option+↓移动当前行
复制行并插入下方Shift+Alt+↓Shift+Option+↓快速复制行
切换侧边栏Ctrl+BCmd+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 是目前最流行的代码编辑器之一,掌握这些常用操作可以极大提升开发效率。

文章在技术分类中;
0
0
0
0