VSCode 扩展 + 主题推荐

请注意，本文编写于 99 天前，最后修改于 99 天前，其中某些信息可能已经过时。

本篇仅介绍实用向的扩展，美化类扩展将在下篇文章中与 Windows 美化一并介绍到。

效率向

Code Spell Checker

拼写检查，出现拼写错误时会标注蓝色波浪号，对于规范化命名很有帮助。

GitLens

在编辑器中以提示行的形式展示当前文件和当前所在行的 git 更改信息。

Import Cost

在导入的第三方库的末尾显示该库的实际大小。

Error Lens

建议与上面两个一起使用，以提示行的形式显示所在行的报错信息，不必在鼠标悬浮在报错位置即可快速查看（尽管在错误提示较长时，显示效果并不理想）。

ident-rainbow

带有颜色地显示代码缩进，更加直观。

Trailing Spaces

使用红色标记代码每行末尾中多出的空格，强迫症救星，建议与上面的一起使用。

Better Comments

该扩展可通过不同的注释前缀定义不同颜色的注释。

TODO Highlight

TODO 注释高亮支持，建议与上面的一起使用。

Todo Tree

可快速查看当前工作区中的所有 TODO 项（包括写在 MarkDown 文件与注释中的），建议与上面的一起使用。

工具向

Draw.io Integration

在 VSCode 内即可制作思维导图、流程图、依赖图等各种示意图。

Database Client JDBC

在 VSCode 内直接管理和可视化访问数据库，支持大部分主流数据库（可惜没有 levelDB），但免费版只支持同时设置三个数据库实例。

REST Client

HTTP 接口测试工具，比起一堆可视化操作的工具，该扩展支持通过编写 .http 文件定义接口请求，没有任何花里胡哨的界面，在使用习惯上十分符合不喜欢图形界面繁琐操作的 coder。

Project Manager

用于管理项目/文件夹工作区，可快速在不同项目中切换编辑器。

GithHub Actions

在 VSCode 内快速查看和管理当前工作区仓库的 GitHub Actions 状态。

综合向

CodeSnap

代码截图工具，可快速导出好看的代码展示图。

filesize

在编辑器底部展示当前文件大小信息，可能用处不是特别大，因为我压根不会注意这玩意（毕竟一个代码文件能大到哪去）。

koroFileHader

生成文件头部注释，可自定义注释格式。

WakaTime

统计当前工作区的写代码时间，可精确到各个文件、语言类型等，此外也可以生成相应的徽章放置在项目的 README.md 文件头部，不过听说这扩展会在 C 盘拉屎。

markdownlint

如名，专为 MarkDown 而生的 lint 工具，当然如果在必要时也可以类似于 eslint 那样手动关闭：

<!--- markdownlint-disable --->
<!--- markdownlint-enable --->
<!--- markdownlint-disable-next-line --->
<!--- markdownlint-enable-next-line --->

Web 开发

Auto Rename Tag

在编辑 HTML/XML 标签时很好用，自动同步两边的标签名改动。

Biome

神中神，Biome.js 是由 Rust 编写的 linter + formatter 工具，可完全平替臃肿的 eslint + prettier，缺点是使用它必须在当前工作区安装它的 npm 包 @biomejs/biome

Color Highlight

高亮显示代码中的颜色值（非常适用于非 css 文件中的颜色显示，不过可惜它无法像 css 中那样可以通过弹窗层可视化更改颜色）。

es6-string-html

高亮显示 JS 中的 HTML 和 CSS 模板字符串。

必须是模板字符串才行，甚至于上面的 Auto Rename Tag 扩展支持自动同步通过注释标记后的 HTML 模板字符串内的标签。在写原生项目时操作 DOM 可能比较常用~~，但现在正经人谁不是用的渐进式框架和 JSX 开发啊~~。

Live Server

开启一个 Web 服务器，并且会监听编辑器中的保存文件操作自动刷新页面，同样是在写原生项目时比较常用。

Even Better TOML

针对 TOML 文件的高亮支持，与之类似的针对性扩展还有 YAML、XML 以及下面这款等。除此之外，一些语言或框架的针对性支持扩展：rust-analzyer、PHP、PHP Intelephense、Vue-Official、Prisma、Composer、Misakura Script、Tauri 等不再一一赘述。

Lyrics/Subtitles Support

针对歌词文件的高亮支持。

Minecraft Color Highlighter

主题 & 图标

One Dark Pro

综合来看还算不错的高亮，但由于在各大代码编辑器库中出现频率太高审美疲劳了。

One Dark Darker

如果使用了一些背景扩展，那么 One Dark Pro 的暗黑感便会削弱，而这款则是平替品。

Night Owl

Tokyo Night

无论是名字还是高亮本身都很适合本人，目前正在使用中。

Material Icon Theme

典中典的一款图标，基本上到现在除了 VSCode 默认的图标以外，就觉得这款最舒服。

Vibrancy Continued

下期讲。

本文作者：Arimura Sena
本文链接：https://hotaru.icu/archives/370/
版权声明：转载时须注明出处及本声明

扩展