顶级 VS Code 扩展,可让你成为更高效的开发人员
这是关于如何使用 VS Code 成为更高效开发者的系列文章的第一部分。第二部分可以在这里找到。以后可以关注我,了解更多 VS Code 的精彩内容。
这些是我经常使用的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 主题和字体创建完美可共享的代码截图。
Prettier
Prettier 是一款功能强大的代码格式化工具。它会解析您的代码,并根据其自带的规则(例如,考虑最大行长并在必要时进行代码换行)重新输出,从而强制保持一致的样式。您再也不需要缩进代码、添加尾随逗号或与同事讨论代码风格了。Prettier 会自动格式化您的代码。当然,您也可以使用自己的缩进、引号等规则。
这是关于如何使用 VS Code 成为更高效开发者的系列文章的第一部分。第二部分可以在这里找到。以后可以关注我,了解更多 VS Code 的精彩内容。
你呢?
你最喜欢的VS Code 扩展有哪些,能让你成为更高效的开发者?请在评论区分享!
文章来源:https://dev.to/benjaminmock/top-vs-code-extension-that-will-make-you-a-more-productive-developer-34hl