2021年最强的10个VS Code扩展

Peacock

Peacock是John Papa的扩展，John Papa以其社区工作和Pluralsight课程而闻名。

孔雀让您快速更改VS Code工作区的颜色。当您使用多个实例或使用VS Live Share功能时，这特别有用。

以下是这种情况的示例：

Git Graph

Git Graph使您可以在VS Code中可视化来自存储库的图形。可以按照您想要的方式进行配置，目前市场上有5星（满分5星）中有250,000次下载

主要功能是：

• 显示本地和远程分支。
• 执行Git动作，例如创建，签出，删除，获取，合并，以及许多其他动作。
• 查看提交详细信息和文件更改→任何文件更改的差异。
• 通过单击比较提交。
• 您可以对任何提交执行代码审查。
• 还有更多让您了解！
• 因此，如果有一个扩展名，我现在应该选择推荐给您，它肯定是Git Graph！

Rest-Client

你们中的大多数人可能都知道API测试服务和诸如Postman或Insomnia之类的客户端。

但是，如果您只能使用VS Code，为什么还要在计算机上使用另一个程序呢？Rest-Client是一个扩展，使您可以执行此操作。

以下是一些主要功能：

• 直接从VS Code编辑器发送HTTP请求。
• 也发送GraphQL查询。
• 自动保存并请求历史记录。
• 组织多个请求。
• 广泛的身份验证支持，例如基本身份验证和摘要身份验证。

Auto Close Tag

“Auto Close Tag”是小扩展名的一个很好的例子，它对生产率有很大影响。

顾名思义，当您在结束标记中键入结束括号时，它将添加结束标记。它支持HTML，Handlebars，XML，PHP，Vue，JavaScript，Typescript，JSX等。

更多功能包括：

在开始标记和结束标记之间移动光标。管理您不希望自动关闭的标签。自动关闭自动关闭标签。支持用于手动关闭标签的键盘快捷键。

TODO Highlight

也许你知道这种情况。您到处都在代码中添加了待办事项，而忘记了在将代码投入生产之前对其进行审查。

TODO Highlight通过突出显示待办事项和FIXME并提醒您仍有工作要做，可以帮助您防止这种情况。

Quokka.js

Quokka基本上是一个暂存器，在您的编辑器中是快速成型的游乐场。在您键入代码时，它会更新运行时值，从而帮助您调试和试验新功能。

Quokka的社区版可免费使用，但还有一个具有附加功能的专业版。如果您还没有尝试，肯定可以尝试一下。

Bracket Pair Colorizer 2

Bracket Pair Colorizer 2的功能完全符合其名称。它允许用不同的颜色标识匹配的括号，您可以决定要匹配的颜色和要使用的颜色。

这是Bracket Pair Colorizer的后继产品，并在速度和准确性方面进行了优化。

Shades of Purple

Shades of Purple 是您的编辑的扩展和专业主题。它在VS Code用户中非常受欢迎，并且在市场上有5颗星中有5颗是星。

它带有用于编辑器和终端机的手工挑选和大胆的紫色阴影。它具有出色的文档，我只是喜欢这个主题。好吧，如果您不喜欢紫色，可能不是最好的选择，但是如果您喜欢，那就去这个主题吧！

鬼哥有话说

太棒了！我希望您可以使用这些扩展在VS Code中创建更好的工作环境,更高效的编码,一个对编辑器没要求的前端，不是好前端!

1.如果看到这里，说明你喜欢这篇文章，请 转发、点赞、在看

2.关注公众号前端人，回复资料包领取我整理的前端进阶资料包

3.回复加群，加入前端进阶群，和小伙伴一起学习讨论!