我每天使用的 VS Code 扩展

在本文中，我想介绍一下我日常使用的、最喜欢的 Visual Studio Code 扩展。大多数时候，我使用 VS Code 编写 JavaScript 应用程序（Vanilla JavaScript、React、Angular、NodeJS……等等）。

括号对着色器 2

这是一个很棒的扩展，它帮助我轻松处理 JavaScript 中复杂的嵌套 Promise。顾名思义，它可以为括号对着色，这能帮助我快速找出哪里出错了（例如缺少括号）。默认情况下，它会匹配 ()、[] 和 {} 等常规括号，但您也可以根据需要自定义括号。
它还有很多其他很酷的功能，例如自定义颜色或为活动括号显示间距。快来试试吧。

来源

市场：链接

NPM 智能感知

正如您在 GIF 中看到的，它会自动补全需要导入 NPM 包的语句。这非常有帮助，尤其是在您的项目很大并且 package.json 中包含大量依赖项的情况下。我不想再错过这个插件了，强烈推荐！

来源

市场：链接

路径智能感知

这是 NPM Intellisense 的兄弟。它提供相同的自动补全功能，但现在适用于您的文件系统。它的维护者是同一个人，就像它的兄弟一样，我不想再错过它了！

来源

市场：链接

Quokka.js

如果您只想尝试一些功能，而不想先设置项目，那么这个工具是一个不错的选择。它会立即在您的 JavaScript/TypeScript 代码旁边显示输出，并进行实时检查，如 GIF 所示。这是一个非常棒的扩展，尤其适合用于调试。

来源

市场：链接

Docker

由于我经常使用 NodeJS，所以我习惯完全使用 Docker 来搭建开发环境。在发现这个扩展之前，我一直使用 CLI。 
对于处理多个 Docker 镜像和容器来说，这个扩展是必不可少的，因为它可以让你快速概览哪些容器正在运行、哪些镜像已构建以及哪些网络已创建。
如果你每天都使用 Docker，我强烈推荐你使用这个扩展。

来源

市场：链接

实时服务器

我偶尔还会使用静态网站和原生 JavaScript，因此我不想安装 webpack-dev-server 之类的东西。这个扩展通过提供一个本地开发服务器来解决这个问题，它支持热重载功能，这意味着只要你保存对文件所做的任何更改，它就会立即刷新页面。它在状态栏上有一个方便的“Go Live”按钮，只需单击一下即可启动服务器。如果你还没用过这个扩展，一定要试试看。

来源

市场：链接

自动关闭标签和自动重命名标签

这两个 VS Code 小插件可以帮助你通过自动重命名和关闭标签来维护 HTML 文件。它们也适用于 React 原生的 JSX 语法。如果你想节省时间，不妨试试。

源自动关闭标签

源自动重命名标签

市场：自动关闭标签和自动重命名标签

Markdown 预览增强

我使用 Markdown 做很多事情。例如，在 hashnode.com 或 dev.to 上撰写文章，为我的私人项目撰写文档，或者用 Markdown 记笔记来整理自己。大多数时候我使用 VS Code 来完成这些工作，但我一直缺少一个好的 Markdown 预览工具，直到我发现了 Markdown Preview Enhanced。它不仅提供预览功能，还具有同步滚动、PDF 导出和 PlantUML 功能。我非常喜欢这个工具，强烈推荐给所有经常使用 Markdown 的人。

来源

市场：链接

结论

这些是我日常使用最多的 VS Code 扩展。希望您能从中找到一些新的、对你的工作流程有用的东西。请告诉我你使用了哪些扩展。

照片由Blake Connally在Unsplash上拍摄