作为开发人员你绝对需要的 9 个 VSCode 扩展

如果您像我一样每天都使用 VSCode，这些扩展将帮助您改进工作流程，并使它比现在更好。我已经使用它们很长时间了，可以推荐它们。我相信您一定会找到理想的扩展，因为这些扩展提供了各种重要的功能，并使您的 IDE 更具吸引力。

我特别喜欢用 JavaScript 编程，简直不敢想象如果没有这些扩展程序我会做什么。我在网上搜索了最新、最棒的扩展程序，这些是 2021 年最好的。

括号对着色器 2

我想你一定遇到过找不到括号起始和结束的情况。又或者，你很难理解函数的结构，甚至迷失了作用域。如果你也遇到过这种情况，那么 Bracket Pair Colorizer 2 绝对能帮到你。它支持常见的括号、方括号和圆括号。
这个版本与第一个版本的主要区别在于，第二个版本速度更快，准确率更高。实际上，这个扩展可以帮助你集中注意力，避免每次都感到困惑。

风筝

想象一下，你正在写一行代码，甚至不需要结束，因为 Kite 会帮你完成。你只需要点击 TAB 键，它就会自动补全你的代码。我个人非常喜欢 Kite，因为它能帮我更快地编写代码。此外，它还会显示你在输入时可能犯的错误。将 Kite 安装到 VSCode 后，它会提示你下载一个应用程序到你的电脑上。

如果您出于某些原因不想使用 Kite，则可以安装 Visual Studio IntelliCode 或 JavaScript (ES6) 代码片段。Kite 与其他类似扩展程序的主要区别在于，它们大多只支持一种语言，而 Kite 几乎支持所有编程语言，并且还使用了升级的 AI 技术。

代码拼写检查器

如果你没有听从 Kite 的建议，输入了错误的函数名，代码拼写检查器会立即显示需要修改的地方。当然，它还会指出注释中哪些单词语法不正确。

Prettier

Prettier 的功能名副其实。它不仅能让你的代码更美观，而且更易读。它拥有许多参数，能让你的代码编写更流畅。例如，你再也不需要计算空格数，也不需要思考括号的位置——它会为你完成所有工作，你无需手动操作。此外，你还可以使用 Beautify 来实现这一点。

实时服务器

此扩展程序专为 Web 开发者设计，因为它允许您在编辑代码后无需重新加载页面。通过使用 Live Server，您可以点击屏幕底部的“Go Live”按钮，所有更改都会自动应用到您的网页上。我个人非常喜欢这个扩展程序，它为我节省了大量时间。

路径智能感知

如果您总是忘记图像的位置或需要填写“href”和“src”标签，Path Intellisense 将自动为您提供当前正在使用的路径，而您需要手动做的就是点击 Enter。

材料图标主题

例如，如果您曾经同时处理三个或更多文件，并且几乎每次创建网站都需要遍历所有文件，那么您可能很难找到 HTML 文件或 JavaScript 文件的位置。Material Icon Theme 主题无疑可以让您更轻松地完成此类任务。它为您当前使用的每个文件添加了许多可视化图标。与往常一样，这是我的个人选择，您可以安装另一个“图标主题”。它几乎为所有文件都添加了图标，我将向您展示其中一些：

一个黑暗专业版

我是那种不能只使用默认 VSCode 设计主题的人，我个人使用 One Dark Pro 来让我的代码更漂亮、更赏心悦目。你可以根据需要设置所有内容，例如更改字体大小或将所有内容设置为斜体。它是大多数人最常用的解决方案之一。当然，你也可以轻松使用其他扩展程序，例如 Atom Theme 或 Dracula Official 之类的扩展程序。

Discord 存在

这是我添加的最新扩展，纯粹为了好玩。Discord Presence 可与 Discord 配合使用，当你在编码时，它会显示你的 Discord 状态，你的朋友可以轻松知道何时可以打扰你，何时不可以。此外，你还可以跟踪你的编码时间，因为它也会显示在 Discord 中。

结论

为什么定期更新 VSCode 扩展列表至关重要？因为 VSCode 更新有时会包含默认安装的扩展，例如“自动关闭标签”或“自动重命名标签”（您无需手动安装）。
希望您喜欢这篇文章；我尝试在整个 VSCode 市场中找出最佳扩展，并且正如我之前提到的，我收录了一些我个人长期使用的扩展。
如果您有任何疑问或建议，或者您想查看某个特定主题（例如 Python）的扩展，请留言，我一定会阅读并处理。您可以通过 Discord 联系我：MarkFusion#2903