vscode使用技巧

一些实用的 VS Code 使用技巧，帮助你提升开发效率：

---

一、代码编辑效率

1. 多光标编辑

   • Alt + 鼠标点击：在多个位置同时插入光标。
   • Ctrl + Alt + ↑/↓（Windows/Linux）或 Option + Command + ↑/↓（Mac）：向上/下添加光标。
   • Ctrl + D：快速选中当前单词，重复按可选中下一个相同单词。

2. 快速跳转

   • Ctrl + P：输入文件名快速跳转到文件。
   • Ctrl + G：输入行号跳转到指定行。
   • Ctrl + 点击：跳转到变量/函数定义（需语言支持）。

3. 代码折叠

   • Ctrl + Shift + [ ]：折叠/展开当前代码块。
   • 侧边栏行号旁的箭头可手动折叠代码区域。

4. Emmet 缩写
   支持快速生成 HTML/CSS 代码（如输入 div.container>ul.list>li*5 按 Tab 键自动展开）。

---

二、快捷键组合

• 基础操作

  • Ctrl + S：保存文件。
  • Ctrl + /：快速注释/取消注释代码。
  • Alt + Shift + F：格式化代码（需安装对应语言插件）。

• 分屏与标签

  • Ctrl + \：拆分编辑器窗口。
  • Ctrl + Tab：切换已打开的标签页。

• 搜索与替换

  • Ctrl + F：当前文件搜索。
  • Ctrl + Shift + F：全局搜索（支持正则表达式和文件过滤）。

---

三、插件推荐

1. Prettier：自动格式化代码，统一风格。
2. ESLint：JavaScript/TypeScript 代码质量检查。
3. GitLens：增强 Git 功能，显示代码作者和提交记录。
4. Live Server：一键启动本地开发服务器（适合前端）。
5. Code Runner：直接运行多种语言的代码片段。
6. Bracket Pair Colorizer：高亮匹配的括号，提升代码可读性。

---

四、调试技巧

1. 快速调试配置

   • 按 F5 启动调试，选择环境（如 Node.js、Python）。
   • 在 .vscode/launch.json 中自定义调试参数。

2. 断点与监视

   • 在代码行号旁点击设置断点。
   • 调试侧边栏可添加变量到监视列表，实时查看值变化。

---

五、个性化设置

1. 主题与图标

   • 安装 Material Theme 或 One Dark Pro 主题。
   • 使用 Material Icon Theme 让文件图标更直观。

2. 自定义快捷键

   • 进入 文件 > 首选项 > 键盘快捷方式，搜索并修改快捷键。

3. 同步配置

   • 登录微软/GitHub 账号，自动同步设置到其他设备。
   • 使用 Settings Sync 插件备份配置到 Gist。

---

六、其他实用功能

• 集成终端

  • Ctrl + `` ：快速打开/关闭终端，支持多终端分屏。
  • 终端中直接运行 code . 打开当前项目。

• 代码片段（Snippets）

  • 自定义常用代码模板：文件 > 首选项 > 用户片段。

• Zen 模式

  • Ctrl + K Z：进入无干扰写作模式，隐藏所有侧边栏。