💡 10 个 VS Code 扩展，没有它们我写代码就无法工作

2025-05-24

💡 10 个 VS Code 扩展，没有它们我写代码就无法工作

VS Code 是我最爱的文本编辑器。它是市面上扩展性最强、最受欢迎的代码编辑器。而且令人惊讶的是，它竟然是由微软开发的（我知道）。在我看来，没有其他 IDE 或编辑器能比得上 VS Code 的一半。它如此强大的原因在于它的扩展系统。它允许你为所有你能想到的用例编写扩展。以下是我推荐的 10 大扩展。

1.美化

美化

ext install HookyQR.beautify
Enter fullscreen mode Exit fullscreen mode

Beautify 允许您使用自定义样式配置来格式化html、、js和css文件JSON。sass它不仅在内部进行扩展js-beautify，还允许您根据个人风格进行自定义。

2.更好的评论

更好的评论

ext install aaron-bond.better-comments
Enter fullscreen mode Exit fullscreen mode

此扩展程序允许您为评论添加语义。它将评论分为警报、查询、待办事项和突出显示等类别。

更好的评论截图

3.书签

替代文本

这个扩展简直是救星，尤其当你迷失在数百行代码中时。它允许你为任意一行代码添加书签。当你需要返回时，只需浏览书签列表，选择你想查看的那一行即可。

替代文本

4.括号对着色器 2

括号对着色器

ext install CoenraadS.bracket-pair-colorizer-2
Enter fullscreen mode Exit fullscreen mode

这个函数的作用正如其名。它会用颜色标记相关的括号对。当你在代码中涉及多个作用域时，这会很有帮助。

括号对着色器

5.上下文菜单中的格式

替代文本

ext install lacroixdavid1.vscode-format-context-menu
Enter fullscreen mode Exit fullscreen mode

此扩展程序允许您通过从侧边栏中选择文件来格式化所有文件。当您拥有大量文件，而您的环境不支持格式化程序和 linter 时，此功能尤其有用。

替代文本

6. Git 图表

替代文本

ext install mhutchie.git-graph
Enter fullscreen mode Exit fullscreen mode

它允许您查看存储库的 Git 图表，并快速从图表中执行 Git 操作。它高度可配置，功能丰富。要解释这个扩展的优点，可能需要一篇全新的文章。

替代文本

7. Git Lens

替代文本

ext install eamodio.gitlens
Enter fullscreen mode Exit fullscreen mode

GitLens 可帮助您通过 Git 追溯注释和代码透视功能一目了然地反映代码作者身份。它使您能够无缝导航和探索 Git 存储库，并通过强大的比较命令获得宝贵的见解等等。

替代文本

8.缩进彩虹

缩进彩虹

ext install oderwat.indent-rainbow
Enter fullscreen mode Exit fullscreen mode

此扩展程序会为代码的缩进着色，每个缩进级别使用不同的颜色。这在使用 Python 等深度语言时尤其有用。

9.路径智能感知

替代文本

ext install christian-kohler.path-intellisense
Enter fullscreen mode Exit fullscreen mode

路径智能感知 (Path Intellisense) 为文件路径添加了自动补全功能。虽然 VS-Code 原生支持自动补全，但仅限于 HTML、CSS 和 JavaScript 文件。此次更新将其扩展到所有语言和文件类型。

替代文本

10.总行数

替代文本

ext install praveencrony.total-lines
Enter fullscreen mode Exit fullscreen mode

这是一个方便的小扩展，可以在状态栏中显示当前打开文件的行数。可以完美地添加到你的扩展库中。

好了，各位，以上就是我推荐的 VS Code 扩展。欢迎在评论区留言，分享你最喜欢的扩展。对了，你想学 Bash 吗？这是我的 Shell 脚本速成教程：

疯狂的

🚀 缺失的 Shell 脚本速成课程

Sahil Bondre ・ 2020年4月21日

#bash #linux #初学者

🌟 我制作了一些备忘单🚀 在Instagram | Github | Twitter |网站
上关注我 😄 祝你有美好的一天！

文章来源：https://dev.to/godcrampy/10-vs-code-extensions-i-can-t-code-without-3ann
Devto 翻译
PREV
🚀 The Missing Shell Scripting Crash Course
NEXT
我如何在一天之内开发并部署优化的网站