VS Code 神仙插件推荐 – 让你的开发效率提升10倍

💡 前言

VS Code 之所以成为最受欢迎的代码编辑器，强大的插件生态功不可没！本文精选了 15 个真正能提升开发效率的神仙插件，每一个都经过实战验证。

🎨 代码美化类

1. Prettier – 代码格式化

必装指数：⭐⭐⭐⭐⭐

• 自动格式化 JavaScript、TypeScript、CSS、Markdown
• 保存时自动格式化，团队代码风格统一
• 支持自定义配置规则

2. ESLint – 代码检查

必装指数：⭐⭐⭐⭐⭐

• 实时检测代码错误和潜在问题
• 自动修复常见代码问题
• 配合 Prettier 使用效果最佳

🚀 效率提升类

3. Auto Rename Tag

必装指数：⭐⭐⭐⭐⭐

• 自动重命名配对的 HTML/XML 标签
• 修改开始标签，结束标签自动同步
• 前端开发必备神器

4. Path Intellisense

必装指数：⭐⭐⭐⭐⭐

• 自动补全文件路径
• 支持相对路径和绝对路径
• 导入文件时再也不用记路径了

5. Bracket Pair Colorizer

必装指数：⭐⭐⭐⭐

• 给配对的括号上色
• 多层嵌套一目了然
• 再也不会找错括号了

🔧 主题与外观

6. One Dark Pro

必装指数：⭐⭐⭐⭐⭐

• Atom 经典主题移植
• 护眼配色，代码高亮清晰
• 最受欢迎的 VS Code 主题

7. Material Icon Theme

必装指数：⭐⭐⭐⭐⭐

• 给文件和文件夹加上精美图标
• 不同文件类型一目了然
• 让编辑器颜值翻倍

📝 Markdown 增强

8. Markdown All in One

必装指数：⭐⭐⭐⭐⭐

• Markdown 快捷键大全
• 表格自动格式化
• 目录自动生成
• 预览同步滚动

9. Markdown Preview Enhanced

必装指数：⭐⭐⭐⭐

• 超强 Markdown 预览
• 支持导出 PDF、HTML
• 支持 Mermaid 流程图

⚡ Git 增强

10. GitLens

必装指数：⭐⭐⭐⭐⭐

• 显示每一行代码的 Git 提交信息
• 谁写的？什么时候写的？一目了然
• Git 历史可视化

11. Git Graph

必装指数：⭐⭐⭐⭐

• 可视化 Git 提交历史
• 分支关系清晰展示
• 操作比命令行直观

🎯 其他神器

12. Code Spell Checker

必装指数：⭐⭐⭐⭐

• 拼写检查，避免低级错误
• 支持驼峰命名检查
• 变量名写错了也能发现

13. TODO Highlight

必装指数：⭐⭐⭐⭐

• 高亮 TODO、FIXME 等注释
• 待办事项一目了然
• 再也不会忘记修复的 Bug

14. REST Client

必装指数：⭐⭐⭐⭐

• 在 VS Code 里直接发 HTTP 请求
• 不用再开 Postman 了
• 请求可以保存为文件

15. Live Server

必装指数：⭐⭐⭐⭐⭐

• 一键启动本地服务器
• 修改文件自动刷新浏览器
• 前端开发必备

💡 安装建议

根据自己的开发场景选择性安装，不必贪多：

• 基础必装：Prettier、ESLint、One Dark Pro、Material Icon Theme
• 前端开发：Auto Rename Tag、Path Intellisense、Live Server
• 团队协作：GitLens、ESLint
• 文档写作：Markdown All in One

🎯 总结

以上插件覆盖了代码美化、效率提升、主题外观、Markdown、Git 增强等各个方面。根据自己的开发语言和习惯选择安装，让你的 VS Code 如虎添翼！

工欲善其事，必先利其器~