VS Code日常高效使用技巧汇总

以下是一份 VS Code 日常高效使用技巧汇总，涵盖基础操作、快捷键、插件推荐和自定义设置，助你提升编码效率：

一、基础操作技巧

1. 快捷键速查
   • Ctrl/Cmd + D：选中当前词，逐个跳转相同内容
   • Ctrl/Cmd + Shift + L：选中当前选中内容的所有匹配项
   • Ctrl/Cmd + /：单行注释
   • Shift + Alt + A：块注释（支持多行）
   • Alt + 鼠标点击：多光标编辑
   • Ctrl/Cmd + K, Ctrl/Cmd + S：打开快捷键设置界面

2. 代码编辑增强
   • 自动补全：Tab 键选择建议内容
   • 快速修复：Ctrl/Cmd + . 跳转到报错处并提供修复建议
   • 代码片段：输入 ! + Tab 生成 HTML 模板，或自定义代码片段（File > Preferences > User Snippets）
   • 代码折叠/展开：Ctrl/Cmd + Shift + [ 或 ]

3. 文件与窗口管理
   • Ctrl/Cmd + P：快速打开文件（支持模糊搜索）
   • Ctrl/Cmd + Shift + P：打开全局命令面板
   • Ctrl/Cmd + Tab：切换最近打开的文件
   • Ctrl/Cmd + W：关闭当前标签页
   • Alt + ←/→：分屏左右切换

二、调试与运行

1. 调试配置
   • 设置断点：点击行号左侧空白处
   • 启动调试：按 F5 或点击侧边栏调试图标
   • 变量监视：在 Debug 面板中添加变量监控

2. 集成终端
   • 打开终端：Ctrl/Cmd + ``（反引号） • 分屏操作：拖拽终端标签到编辑器区域侧边 • 自定义命令：在设置中配置 terminal.integrated.shell（Windows）或 terminal.integrated.defaultProfile`（Mac/Linux）

三、插件生态推荐

1. 必备插件
   • Prettier：自动格式化代码（支持 JS/Python/CSS 等）
   • GitLens：增强 Git 功能，查看代码作者和提交历史
   • Live Server：实时预览 HTML/CSS/JS 文件
   • Bracket Pair Colorizer：彩色括号匹配
   • Auto Rename Tag：修改标签时自动同步闭合标签
   • REST Client：直接在 VS Code 中发送 HTTP 请求

2. 效率工具
   • Path Intellisense：自动补全文件路径
   • Icon Themes：美化文件图标（如 vscode-icons）
   • Material Theme：炫酷主题和配色方案
   • Code Runner：一键运行代码片段

四、自定义设置

1. 个性化配置
   • 主题切换：File > Preferences > Color Theme
   • 字体调整：在 settings.json 中设置 "editor.fontFamily": "Fira Code, monospace"（支持等宽字体）
   • 字符间距："editor.letterSpacing": 0.5

2. 高级设置
   • 自动保存："files.autoSave": "afterDelay"
   • 隐藏默认文件图标："explorer.decorations.colors": false
   • 禁用不必要的服务：在 settings.json 中关闭 Telemetry 或扩展更新提示

五、Git 集成技巧

1. 常用操作
   • 查看状态：右侧 Git 面板
   • 提交更改：Ctrl/Cmd + Alt + C → 输入提交信息 → Ctrl/Cmd + Enter
   • 推送代码：右键仓库 → Push
   • 解决冲突：GitLens 插件提供可视化对比

2Git 命令快捷键**
• Ctrl/Cmd + Shift + G：打开 Git 面板
• Alt + C：提交代码
• Alt + P：推送代码

六、其他实用技巧

1. 代码片段管理
   • 自定义代码片段：File > Preferences > User Snippets → 选择语言 → 添加片段模板

2. 任务自动化
   • 配置任务：tasks.json 中定义脚本（如编译、测试）
   • 绑定快捷键：在 keybindings.json 中设置快捷触发

3. 分屏与布局
   • Alt + 鼠标拖拽：手动调整编辑器区域大小
   • Ctrl/Cmd + K, Ctrl/Cmd + ←/→：左右分屏

七、学习资源

• 官方文档：VS Code Docs
• 快捷键大全：Help > Keyboard Shortcuts 查看完整列表
• 社区插件市场：VS Code Marketplace

掌握这些技巧后，配合个人习惯调整设置，VS Code 将成为你的终极编码利器！