2021 年 21 款提升工作效率的超棒 VS Code 扩展
由 Mux 主办的 DEV 全球展示挑战赛：展示你的项目！
Visual Studio Code 是一款用于构建现代 Web 应用程序的源代码编辑器。它是一款免费开源的编辑器，支持多种可用于 Web 应用程序开发的扩展程序。在本博客中，我们将讨论其中 21 个用于 Web 应用程序开发的扩展程序。
Markdown All in One
Markdown 所需的一切功能（快捷键、目录、自动预览等等）。这是我最喜欢的 VS Code 扩展之一，因为我经常在 VS Code 中使用 Markdown 格式编写代码。
代码拼写检查器
一款基础的拼写检查器，能够很好地处理驼峰式命名代码。
该拼写检查器的目标是帮助发现常见的拼写错误，同时尽可能减少误报。
Chrome 调试器
在 Chrome 浏览器或任何其他支持 Chrome 调试器协议的目标中调试您的 JavaScript 代码。
切换引用
简单的引用切换器，循环使用" ' and`。
书签
此扩展程序允许您在文档的特定行中添加书签。您还可以添加注释，说明添加此书签的原因。此外，您还可以在书签选项卡中查看书签，该选项卡将显示特定项目中的所有书签。
更好的评论
Better Comments 扩展程序可以帮助您在代码中添加便于阅读的注释。
使用此扩展程序，您可以将注释分类为：
- 警报
- 查询
- 待办事项
- 精彩片段
剪贴板历史记录
保留复制记录，必要时重新粘贴。
Thunder客户端
适用于 VS Code 的 REST API 客户端，基于 GUI 的 HTTP 客户端。
吉特伦斯
充分发挥 Visual Studio Code 内置的 Git 功能——通过 Git blame 注解和代码透镜一目了然地查看代码作者，无缝浏览和探索 Git 仓库，通过强大的比较命令获得宝贵的洞察，以及更多精彩内容。
误差透镜
ErrorLens 通过使诊断信息更加突出地显示整行信息来增强语言指示功能，并在语言生成指示信息的任何位置突出显示该整行信息，并且还会内联打印消息。
设置同步
此扩展程序会在 Supervisor 中直接显示导入包的大小。它使用 webpack 和 'babel-webpack-module' 来识别导入包的大小。
CSS 预览
允许从 HTML 文件中查看 CSS ID 和类字符串，并将其作为定义指向相应的 CSS 文件。支持查看和跳转到定义。
Turbo 控制台日志
自动化编写有意义的日志消息的过程。
在浏览器中打开
这样您就可以在默认浏览器或应用程序中打开当前文件。
自动重命名标签
自动重命名配对的 HTML/XML 标签，与 Visual Studio IDE 的功能相同。
待办事项亮点
在代码中高亮显示TODO并添加其他注释。FIXME
波拉科德
此扩展程序用于截取代码片段屏幕截图。它能帮助您轻松地对屏幕截图中的代码进行排序，并在安装扩展程序后自动保存截图。您可以通过以下链接找到有关此扩展程序的详细信息。
Git 历史记录
查看git日志、文件历史记录、比较分支或提交。
更漂亮
Prettier 是一款非常严格的代码格式化工具。它通过解析你的代码并根据自身的规范重新输出，从而实现一种可预测的代码风格。这些规范会考虑代码行的最大长度，并在必要时进行换行。
配置文件切换器]( https://marketplace.visualstudio.com/items?itemName=aaronpowell.vscode-profile-switcher )
允许您在已创建的不同配置文件之间切换。此扩展程序允许您设置各种不同的配置文件，以便轻松切换。
这个扩展的第一个想法源于我渴望有一种简单的方法，让我能够将我的 VS Code 切换到一种更便于引入的精简布局。
以上列举了 21 个 VSCode 扩展，它们可以在不影响质量的前提下进一步提升您的编程效率。如果您觉得本文对您有所帮助，并认为其他人也能从中受益，请使用页面顶部的按钮将其分享到社交媒体。
文章来源：https://dev.to/coderwatch/21-amazing-vs-code-extensions-for-maximum-productivity-2021-3cjb