2020 年 VS Code 最佳扩展程序

GitLens

高亮匹配标签

设置同步

进口成本

由 Mux 主办的 DEV 全球展示挑战赛：展示你的项目！

前段时间，我专门向CodePulse 的邮件订阅用户分享了我最喜欢的 VS Code 扩展。现在，我决定把它们分享给所有人！

如果您还没有订阅我们的电子报，请立即订阅！完全免费。

我使用 VS Code 已经有一段时间了，虽然它自带的编辑器已经很棒了，但还有很多实用的扩展程序可以安装，让它变得更加强大。以下是我最喜欢的一些扩展程序。

GitLens

GitLens 极大地增强了 Visual Studio Code 内置的 Git 功能。有了它，您可以轻松快捷地查看代码的添加者、添加时间和原因，从而更好地理解当前代码。我非常喜欢这个扩展，因为我再也不用浏览 Git 日志或提交记录来查找代码的添加时间和提交者了。

您可以在 Visual Studio Marketplace 中找到它：https://marketplace.visualstudio.com/items?itemName =eamodio.gitlens

高亮匹配标签

这个扩展程序有助于匹配开始标签和结束标签。我发现它非常实用，尤其是在处理包含许多嵌套元素的大型组件和元素时。

您可以在 Visual Studio Marketplace 中找到它：https://marketplace.visualstudio.com/items?itemName= vincaslt.highlight-matching-tag

设置同步

如果您有多台电脑需要使用，这款扩展程序非常实用。它使用 GitHub Gist 在多台电脑之间同步设置、代码片段、主题、文件图标、启动项、快捷键、工作区和扩展程序。

您可以在 Visual Studio Marketplace 中找到它：https://marketplace.visualstudio.com/items?itemName =Shan.code-settings-sync

进口成本

对我来说，这在某些项目中简直是救星。当你需要尽可能缩小打包文件的大小时，这个扩展程序非常实用。它会在编辑器中直接显示导入包的大小。该扩展程序利用 webpack 和 babili-webpack-plugin 来检测导入包的大小。

您可以在 Visual Studio Marketplace 中找到它：https://marketplace.visualstudio.com/items?itemName =wix.vscode-import-cost

你觉得我漏掉了什么吗？在下方评论区留言告诉我你最喜欢的插件吧！

原文发表于codepulse.blog，日期为 2020 年 4 月 2 日。