我的十大 VS Code 扩展

今天，我打算暂时放下 JavaScript 的文章，重新介绍一下我最喜欢的编辑器 Visual Studio Code（简称 VS Code）。我们将一起来看看我最常用的 10 个扩展程序。

仙女座

Andromeda 严格来说不是扩展，而是 VS Code 的一个主题。我并不每天都更换主题。我花了很多时间寻找自己喜欢的主题，最终选择了它。它的可读性极佳，并且与 Operator Mono 或 Catograph Mono 等字体完美兼容。

如果你不打算花太多钱购买 Operator Mono，我建议你选择Dank Mono（我目前最喜欢的字体）。

Github：https://github.com/EliverLara/Andromeda

自动关闭标签

自动添加 HTML/XML 闭合标签，与 Visual Studio IDE 或 Sublime Text 的功能相同。从 VS Code 1.16 开始，它已内置支持 HTML、Handlebars 和 Razor 文件的闭合标签。此扩展程序还为其他语言（例如 XML、PHP、Vue、JavaScript、TypeScript、JSX、TSX 等）添加了自动闭合标签功能。

Github：https://github.com/formulahendry/vscode-auto-close-tag

自动重命名标签

自动重命名配对的 HTML/XML 标签，与 Visual Studio IDE 的功能相同。使用此扩展程序，当您重命名一个 HTML/XML 标签时，配对的 HTML/XML 标签也会自动重命名。

Github：https://github.com/formulahendry/vscode-auto-rename-tag

Markdown All in One

如果你像我一样经常使用 Markdown（比如写这篇博客），那么这款软件绝对是必备之选。它包含了 Markdown 所需的一切功能（快捷键、目录、自动预览等等）。

我最喜欢的主要特点❤️

1. 用于设置文本样式的键盘快捷键
2. 添加目录并自动更新
3. 将 Markdown 打印为 HTML

Github：https://github.com/yzhang-gh/vscode-markdown

在浏览器中打开

这样您就可以在默认浏览器或应用程序中打开当前文件。

Github：https://github.com/SudoKillMe/vscode-extensions-open-in-browser

输出着色器

这款 VSCode 语言扩展程序为输出/调试/扩展面板和*.log文件添加了语法高亮显示功能，让阅读日志更加轻松。它几乎兼容所有主题。

Github：https://github.com/IBM-Cloud/vscode-log-output-colorizer

波拉科德

生成精美的代码截图，包括 VSCode 设置、字体和主题。这在我创建文档或演示文稿时非常有用，因为我可以在不切换到代码编辑器的情况下展示代码（例如，与业务利益相关者合作时）。

Github：https://github.com/octref/polacode

演示模式

一个简单的插件，可以让你的代码在演示文稿中正确显示。你可以在设置中更改演示模式下的缩放级别。我的缩放级别设置为 3。我通常在需要实时浏览代码或讲解某个主题的演示文稿中使用这个设置。

Github：https://github.com/jspolancor/presentation-mode

彩虹 CSV

软件工程师偶尔需要处理 CSV 文件。无论是客户只支持 CSV 格式，还是系统本身就是围绕 CSV 格式构建的，都可能遇到这种情况。Rainbow CSV 让 CSV 文件更易于阅读。它可以用不同颜色高亮显示 CSV 和 TSV 文件，并运行类似 SQL 的查询。

Github：https://github.com/mechatroner/vscode_rainbow_csv

vscode-spotify

我几乎没见过哪个开发者在写代码或休息时不听音乐。vscode-spotify 让你无需离开 VS Code 就能控制 Spotify。

Github：https://github.com/ShyykoSerhiy/vscode-spotify