VS Code 扩展助您成为更高效的开发人员🤓🤓🤓

环绕

想要提升 Web 开发能力🚀🚀🚀？欢迎订阅我的每周简报：https://codesnacks.net/subscribe/

这些是我经常使用的VS Code 扩展，它们能让我成为更高效的开发者。虽然列表并不完整，但这些是我最喜欢的扩展。

括号对着色器 2

此扩展允许使用颜色来识别匹配的括号，这在几乎所有用例中都非常方便。
很多人可能已经熟悉Bracket Pair Colorizer扩展，因为它是 VS Code 的一个必备扩展。但该扩展的第二个版本速度更快，性能也更高。

进口成本

此扩展程序会在你的编辑器中内联显示导入包的大小。当然，你也可以使用bundlephobia自行实现，但使用Import Cost扩展程序可以节省你每次导入包的时间。

切换报价

如果您需要从一种引号类型切换到另一种引号类型， Toggle Quotes扩展会非常方便。假设您开始用双引号（在 JS 中）分隔字符串，但后来意识到字符串实际上包含一个双引号。在 Win/Linux 系统中，只需按cmd '或 ，ctrl '就可以轻松更改字符串的引号类型。当然，从双引号切换到 JavaScript 字符串字面量也非常方便。

孔雀

您是否正在使用多个 VS Code 工作区和多个项目？
Peacock 允许您更改 VS Code 工作区的颜色。当您拥有多个 VS Code 实例、使用 VS Live Share 或 VS Code 的远程功能，并且想要快速识别编辑器并区分多个项目时，Peacock 是理想之选。

波拉科德

如果您想创建漂亮的代码“截图”，例如在 Twitter 上分享，那么这款扩展程序就是您的理想之选。Polacode允许您选择代码，调整生成的代码片段的大小，并使用您的 VS Code 主题和字体创建完美可共享的代码截图。

更好的评论

Better Comments 是一款很酷的扩展程序，可以为不同类型的评论赋予不同的颜色。例如，它可以帮助你轻松区分 TODO 和“真实”评论。

Prettier

Prettier 是一款功能强大的代码格式化工具。它会解析您的代码，并根据其自带的规则（例如，考虑最大行长并在必要时进行代码换行）重新输出，从而强制保持一致的样式。您再也不需要缩进代码、添加尾随逗号或与同事讨论代码风格了。Prettier 会自动格式化您的代码。当然，您也可以使用自己的缩进、引号等规则。

缩进彩虹

缩进彩虹功能会为文本前面的缩进着色，每一步交替使用四种不同的颜色。如果您结合使用括号对着色器，这可能会有点过头，但如果您使用 Python，例如缩进表示一段代码，那么它会非常有用。

你呢？

你最喜欢的VS Code 扩展有哪些，能让你成为更高效的开发者？请在评论区分享！

想要提升 Web 开发能力？
🚀🚀🚀订阅“周二教程”✉️新闻简报