面向前端工程师的 10 个 VS Code 扩展

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

Visual Studio Code 拥有海量的扩展程序，它们来自一个名为 Marketplace 的扩展商店（类似于应用程序的商店）。这些扩展程序涵盖了代码调试、代码格式化、快捷键映射、开发技术（例如 Heroku、GitHub、Docker、Azure）、IDE 主题、代码检查器、代码片段等众多类别。

本文将重点介绍 2020 年 10 个必备的 VS Code 扩展。

1. Turbo 控制台日志

该扩展程序通过自动写入有意义的日志消息，使调试变得更加容易。

2.短尾矮袋鼠

此扩展程序用于在 Visual Studio Code 编辑器中直接测试 JavaScript 代码，而无需在浏览器控制台中查看。您可以在以下链接中找到有关此扩展程序的详细信息。

3.更漂亮

这款由 Esben Petersen 开发的扩展程序非常受欢迎，目前下载量已接近 400 万次。它可以帮助格式化 JavaScript 代码，并为关键字着色，使代码更易于阅读。还有类似的扩展程序，其中一款比较受欢迎的是 beautify。

4.在线服务器

Ritwick Dey 开发的这款超棒的扩展程序可以为你的静态和动态页面创建一个本地开发服务器。任务栏上会出现一个“上线”按钮，方便你无缝地将代码作为开发服务器运行。它还有一个非常实用的功能：实时重载，会在你保存工作后立即重新加载页面。真是太棒了！

5. GitLens

此扩展程序用于从可在 VS 环境中编辑的 Git 源获取信息。提交日志、文件历史记录以及 Git 存储库文件中的其他信息都可以在 VS Code 中查看，这也能节省时间。

6. Polacode

此扩展程序用于截取代码片段屏幕截图。安装后，您可以轻松地复制粘贴所需代码片段并保存截图。您可以通过以下链接了解有关此扩展程序的详细信息。

7. vscode-icons

此扩展程序用于向 Visual Studio Code 添加图标。

8.在浏览器中打开

您可以使用默认程序打开任何类型的文件，而不仅仅是 html 文件。

9. eslint

这款插件可以全面检查你的 JavaScript 和 JSX 代码。它支持插件式设计，确保你遵循缩进、定位等标准规范。它是 VS Code 中下载量最高的扩展之一，下载量接近 1200 万次。

10. Markdown 预览增强

Markdown Preview Enhanced 是一款扩展程序，它提供了许多实用功能，例如自动滚动同步、数学公式排版、Mermaid、PlantUML、Pandoc、PDF 导出、代码块、演示文稿编写器等。它的许多设计理念都受到了 Markdown Preview Plus 和 RStudio Markdown 的启发。

感谢阅读这篇文章❤️

希望这篇文章对您有所帮助🤩