VSCode 插件可以根据功能分为以下几类:
1. 编程语言支持与环境
- Python:微软官方开发的插件,支持代码补全、函数定义查看、参数传递提示及代码调试运行。
- WSL:用于在 Windows 上与 Linux 子系统进行交互。
2. 版本控制 (Git)
- GitLens:可在代码每一行末尾显示提交人、日期及提交信息,并提供 Commit Graph 功能,以图形化方式展示仓库的提交、分支创建和合并历史。
3. 远程开发与容器化
- Remote - SSH:微软官方插件,允许通过 SSH 连接并在远程服务器(如 Linux 云服务器)上像编辑本地文件一样修改代码。
- Docker:微软官方插件,可可视化管理镜像、运行中的容器、网络和挂载卷。
4. API 调试工具
- Postman:著名的 API 调试工具。
- Thunder Client:功能强大的轻量级 API 调试插件,被认为是 Postman 的强力竞争者。
- REST Client:依赖文件的 API 调试工具,支持在文档中直接编写 GET/POST 请求,并可将请求导出为 cURL 格式。
5. 数据库管理
- MySQL 相关插件:用于查看数据库表、列以及执行 SQL 查询。
- SQLite 相关插件:可视化查看 SQLite 数据库。
- Redis 相关插件:用于 Redis 的可视化管理。
6. 前端开发神器
- Vue 3 Snippets:Vue 代码片段,通过简写快速生成代码。
- Volar (视频中称为 v official):用于 Vue 的代码补全和格式检查。
- ES7 + React/Redux/React-Native snippets:React 框架的代码片段生成、代码检查和补全插件。
- Auto Rename Tag:自动同步修改 HTML/XML 的成对标签。
- JavaScript Debugger:微软官方开发,可将 VSCode 中的断点自动映射到浏览器中。
- Live Server:自动发布 HTML 页面并在浏览器中实时预览,修改代码时页面会自动刷新。
- CSS Peek:在 HTML 中按住 Ctrl 键即可快速查看对应的 CSS 定义并跳转。
- Prettier:代码格式化工具,统一代码风格(如引号、空格等)。
- ESLint:同样用于前端代码的格式化和质量检查。
- Console Ninja (视频中音译为 Cole Ninja):将
console.log的打印结果直接显示在代码右侧,无需切换浏览器查看。
7. 生产力辅助工具
- Polacode:用于生成美观的代码截屏图片。
- Code Spell Checker:自动检查代码中的单词拼写错误,并提供快速修复建议。
- Markdown Preview Enhanced:增强型的 Markdown 预览工具,支持实时同步预览。
- Bookmarks:快速为代码行打上书签,方便在左侧面板快速定位。
- TODO Highlight:高亮显示注释中的
TODO、FIXME等关键词。
8. AI 编程助手
- GitHub Copilot:目前最知名的 AI 编程助手。
- Tabnine:另一款常用的 AI 代码补全工具。
- IntelliPHP:PHP 专用的智能插件。
- Blackbox AI:AI 辅助编程插件。