VS Code 使用技巧

以下是 VS Code 的高效使用技巧总结，涵盖编辑、导航、插件、调试等核心场景，助你大幅提升开发效率：

---

⚡ ​​一、核心编辑技巧​​

1. ​​多光标操作​​

   • ​​Alt + 点击​​：在任意位置添加多个光标，实现并行编辑。
   • ​​Ctrl + D​​：选中当前单词的下一个匹配项（连续按可多选）。
   • ​​Shift + Alt + I​​：在选中区域的每行末尾添加光标。
     适用场景：批量修改变量名、添加分号等重复操作。

2. ​​代码片段加速​​

   • ​​内置片段​​：输入 ! + Tab 生成 HTML 基础结构；for + Tab 生成循环模板。
   • ​​自定义片段​​：通过 文件 > 首选项 > 用户代码片段 创建 JSON 模板，用 $1、$2 设置占位符。
     示例：快速生成表单、函数模板。

3. ​​智能重构​​

   • ​​F2​​：重命名符号（变量/函数），自动更新所有引用。
   • ​​Ctrl + .​​：触发快速修复（如自动导入缺失模块、修复语法错误）。

4. ​​格式与注释​​

   • ​​Shift + Alt + F​​：格式化整个文档（需 Prettier 等插件）。
   • ​​Ctrl + /​​：切换行注释；​​Shift + Alt + A​​：切换块注释（JS/CSS）。

---

​​二、高效导航与搜索​​

1. ​​文件与符号跳转​​

   • ​​Ctrl + P​​：按文件名模糊搜索并快速打开。
   • ​​Ctrl + Shift + O​​：跳转到文件内的类/函数（支持输入名称过滤）。
   • ​​F12​​：跳转到定义；​​Alt + ←​​ 返回原位置。

2. ​​全局搜索与替换​​

   • ​​Ctrl + Shift + F​​：全项目关键词搜索；​​Ctrl + H​​：当前文件替换。
   • ​​Alt + Enter​​：选中所有匹配项，批量编辑。

3. ​​布局管理​​

   • ​​Ctrl + \​​：拆分编辑器（支持多视图对比）。
   • ​​Ctrl + K Z​​：进入禅模式（全屏专注编码，隐藏侧边栏）。

---

​​三、必装插件推荐​​

插件名称	功能	适用场景
​​Prettier​​	自动格式化代码	统一团队代码风格
​​ESLint​​	实时语法检查	避免低级错误，规范 JS/TS 代码
​​GitLens​​	增强 Git 功能	查看代码历史、作者信息
​​Live Server​​	实时预览 HTML	前端开发免手动刷新
​​Auto Rename Tag​​	自动同步标签	HTML/XML 标签重命名

---

​​四、调试与集成工具​​

1. ​​断点调试​​

   • ​​F9​​：切换断点；​​F5​​ 启动调试；​​F11​​ 单步进入函数。
   • 配置 .vscode/launch.json 支持 Node.js、Python 等语言调试。

2. ​​终端集成​​

   • ​​Ctrl + `​​：快速打开终端；​​`Ctrl + Shift + ``​​ 新建终端。
   • 支持分屏终端（Ctrl + Shift + 5），同时运行服务与命令。

3. ​​Git 高效操作​​

   • ​​Ctrl + Shift + G​​：查看 Git 变更；冲突时直接对比差异。
   • 命令面板（Ctrl + Shift + P）输入 Git: Commit 快速提交。

---

​​五、进阶技巧​​

• ​​自定义快捷键​​：通过 Ctrl + K Ctrl + S 修改键绑定（如将格式化绑定到 Ctrl + S 保存时自动触发）。
• ​​符号导航​​：Ctrl + T 全局搜索符号（类/函数），跳转项目任意位置。
• ​​参数提示​​：Ctrl + Shift + Space 显示函数参数类型（避免查文档）。

---

提示：优先掌握高频快捷键（如 Ctrl+P、Ctrl+D、F2），再逐步扩展。定期清理未用插件保持编辑器性能。更多技巧可参考 官方快捷键手册 或 实战案例。