10 个冷门却好用到爆的 VSCode 插件！

点击下方“前端开发爱好者”，选择“设为星标”
第一时间关注技术干货！

哈喽，大家好 我是 xy👨🏻‍💻。今天给大家推荐一波比较冷门但非常好用的 VSCode 插件，开发效率提升 300% ！！！

前言

作为前端开发人员，VSCode 无疑是我们日常工作中不可或缺的得力助手。

众多实用的工具和插件让 VSCode 成为了一个强大的集成开发环境。

然而，在众多的插件中，总有一些冷门却极具价值的好物等待着我们去发掘。

今天，就让我为大家揭秘那些鲜为人知但好用到爆的 VSCode 插件，让你的开发效率瞬间飙升！

1. Peacock

让你的 VSCode 工作区瞬间焕发生机！通过为不同的工作区添加独特的颜色和图标，让你轻松区分不同的项目，提升工作效率。

2. Better Comments

让你的代码注释更加生动有趣！通过为不同类型的注释添加不同的颜色和图标，让你一眼就能区分出重要的信息。

3. Todo Tree

一个强大的 TODO 管理插件。它可以自动扫描你的代码中的 TODO注释，并以树状图的形式展示出来，方便你追踪和管理待办事项。

4. Git History

轻松查看和管理 Git 历史记录。通过可视化的界面展示，让你一目了然地掌握项目的版本变迁。

5. GitLens

Git 功能的强大扩展。它可以让你更深入地了解代码历史和版本信息，提升团队协作效率。

6. Git Graph

以图形化的方式展示 Git分支 和 提交历史。让你更直观地了解项目结构，轻松解决合并冲突等问题。

7. Partial Diff

快速比较文件中的部分差异。无需对整个文件进行全量比较，只需选定需要比较的部分即可，大大提高了工作效率。

8. Project Manager

一个强大的项目管理插件。它可以让你轻松管理多个项目，快速切换工作区，提高工作效率。

9. Turbo Console Log

让你的控制台输出更加智能和高效。通过自动补全和格式化功能，让你更专注于代码逻辑的开发。

10. Toggle Zen mode

开启全新的编程体验！在这个模式下，VSCode 会自动隐藏不必要的界面元素，让你全身心地投入到代码的世界中。

写在最后

公众号：前端开发爱好者 专注分享 web 前端相关技术文章、视频教程资源、热点资讯等，如果喜欢我的分享，给 🐟🐟 点一个赞 👍 或者 ➕关注 都是对我最大的支持。

欢迎长按图片加好友，我会第一时间和你分享前端行业趋势，面试资源，学习途径等等。

添加好友备注【进阶学习】拉你进技术交流群

关注公众号后，在首页：

• 回复 面试题，获取最新大厂面试资料。
• 回复 简历，获取 3200 套 简历模板。
• 回复 React 实战，获取 React 最新实战教程。
• 回复 Vue 实战，获取 Vue 最新实战教程。
• 回复 ts，获取 TypeScript 精讲课程。
• 回复 vite，获取 Vite 精讲课程。
• 回复 uniapp，获取 uniapp 精讲课程。
• 回复 js 书籍，获取 js 进阶 必看书籍。
• 回复 Node，获取 Nodejs+koa2 实战教程。
• 回复 数据结构算法，获取数据结构算法教程。
• 回复 架构师，获取 架构师学习资源教程。
• 更多教程资源应有尽有，欢迎 关注获取。