推荐：Vue 3中令人激动的新功能：Fragment+Suspense+多v-model

VS Code是我最喜欢的文本编辑器。它是目前最可扩展的、最流行的代码编辑器。而且令人惊讶的是，它是由微软制作的(我知道)。在我看来，没有任何其他IDE或编辑器能比VS Code更接近。它的强大之处在于它的扩展系统。它允许你为你能想到的每一个可能的用例编写一个扩展。以下是我的10个顶级扩展。

1.Beautify

ext install HookyQR.beautify

Beautify允许你用自己的自定义风格配置格式化html、js、css、json和sass文件。它在内部js-beautify的基础上进行了扩展，使其可以自定义为您的个人风格。

2.Better Comments

ext install aaron-bond.better-comments

这个扩展允许你为你的评论添加语义。它可以将评论分类，比如将评论分为提醒、查询、待办事项和亮点。

3.Bookmarks

这个扩展是个救星，特别是当你发现自己在几百行代码中迷失了方向时。这个扩展可以让你在任何一行代码上做书签。然后，当你需要回去的时候，你只需要浏览一下书签列表，然后选择你要访问的行。

4.Bracket Pair Colorizer 2

ext install CoenraadS.bracket-pair-colorizer-2

这个扩展的作用和它的名字一样。它对相关的方括号进行颜色编码。这对你来说有很大的帮助，当你结束了几个范围深入到代码中时。

5.Format in Context Menus

ext install lacroixdavid1.vscode-format-context-menu

这个扩展名允许你只需在侧边栏中选择所有的文件，就可以将其格式化。当你有大量的文件，而你的环境又不支持格式化器和衬垫时，这一点特别有用。 

6.Git Graph

ext install mhutchie.git-graph

它可以让你查看你的仓库的Git Graph，并从图表中快速执行Git操作。它的可配置性很强，功能也很丰富。要解释这个扩展的好处，可能要花一个新的篇章来解释。

7.Git Lens

ext install eamodio.gitlens

GitLens通过Git注释和代码镜头帮助您一目了然地反映代码作者。它使您能够无缝导航和浏览Git存储库，通过强大的比较命令获得有价值的见解，等等。

8.indent-rainbow

ext install oderwat.indent-rainbow

这个扩展将代码的缩进颜色化，在每个缩进层上用不同的颜色来表示。这在使用Python等语言的深度范围内特别有帮助。

9.ath Intellisense

ext install christian-kohler.path-intellisense

Path Intellisense为文件路径添加了自动完成功能。虽然VS-Code原生支持自动完成，但它只限于HTML、CSS和JavaScript文件。而这个扩展到了所有语言和文件类型。

10.Total Lines

ext install praveencrony.total-lines

这是一个方便的小扩展程序，可以在状态栏中添加当前打开的文件的行数。是你的扩展系列中的整齐的补充。

---

就这样，伙计们。这些是我最喜欢的VS Code扩展。我想在评论中听到你最喜欢的扩展。

原文：https://dev.to/godcrampy/10-vs-code-extensions-i-can-t-code-without-3ann

推荐阅读：

扶我起来，我还能学：迎接 Vue 3.0

CSS 中calc()的完整指南(一)

Vue 3中令人激动的新功能：Composition API

掘金小册全网8折优惠入口

公众号后台回复【前端】加入群

好文和朋友一起看~