让你工作效率翻倍的 20 个 VSCode 插件！

VSCode 因其灵活性和强大的扩展性而备受欢迎。通过安装各种插件，开发者可以根据自己的需求定制工作环境，从而提高生产力和代码质量，使得开发过程更加高效和愉悦。

在这篇文章中，我们将探讨一些常用的 VSCode 插件，这些插件能够帮助开发者优化工作流程、增强代码编辑体验，并提升项目管理效率。无论你是新手还是经验丰富的开发者，这些插件都值得一试。本文我们将这些常用的插件按照 主题外观、编码提效、功能插件 这三类进行划分。

一、主题外观

**Material Theme **

Material Theme 是用于设置主题的插件，旨在提供现代化和视觉上吸引人的用户界面。其主要作用包括界面设计、多种配色方案、支持图标主题等，安装完选择对应主题即可

Material Theme Icons

Material Theme Icons 是用于设置编辑的图标主题，旨在增强文件和文件夹的可视化效果

安装完，我们项目中的文件前会有对应的图标显示

Better Comments

Better Comments 是一个用于VSCode的插件，帮助开发者通过不同颜色和样式来增强代码注释的可读性和可视化效果。其主要作用包括：注释分类、提高可读性、自定义标签等

安装完之后，打开 VSCode 设置 settings.json，添加或修改 Better Comments 的配置，例如自定义标签和颜色。在代码中，使用特定字符来标记不同类型的注释：

• // TODO: 用于待办事项
• // ! 用于重要或警告信息
• // ? 用于疑问或需要确认的内容
• // * 用于强调或重要说明
• // 其他普通注释

Indent Rainbow

Indent Rainbow 是代码编辑器中的一个扩展功能，主要作用是通过为不同缩进级别的代码行使用不同的颜色，提升代码的可读性

安装完效果如下所示

**Indenticator **

Indenticator 是一种代码编辑器扩展，主要功能是使用可视化线条或标记来显示代码的缩进级别，帮助识别代码块的开始和结束

安装完效果如下所示，当你点击一个缩进部分的时候，会出现一条白线来告诉你当前处于的缩进层级，可以更方便的查看代码结构。

Trailing Spaces

Trailing Spaces 是一种代码编辑器扩展，主要用于自动识别和标记行尾的多余空格，提高代码整洁度

安装完效果如下所示

Color Highlight

Color Highlight 插件的作用是自动检测代码中的颜色值（如十六进制、RGB、RGBA、HSL 等），并在编辑器中直接显示相应的颜色背景，使得开发者可以更直观地识别和调整颜色配置

插件安装完即可生效，如下图所示，在 python 文件中，颜色变量的背景颜色自动显示为颜色变量表示的颜色

**Color Info **

Color Info 的作用是在代码中显示颜色值的实时预览，方便设计和调试

插件安装完即可生效，如下图所示

**Error Gutters **

Error Gutters 用于显示代码行的错误、警告或其他信息，有助于提高开发效率和代码质量，是开发者日常工作中的重要工具

安装完即生效，如下所示会在警告或错误的地方进行对应的显著标记

**Chinese **

顾名思义，Chinese 插件的作用是将英文翻译成中文，这对不习惯看英文的小伙伴来说是一大福利，直接安装完插件，重启即可生效

二、编码提效

koroFileHeader

KoroFileHeader 主要用于在文件中自动添加和管理头部注释

安装完即生效，如下所示会在文件头部生成对应的注释说明

Tabnine

Tabnine 是一种基于人工智能的代码补全工具，旨在提高开发者的编码效率。其主要作用是基于上下文的代码，提供帮助开发者快速编写代码

TODO Highlights

TODO Highlights 用于高亮显示代码中的 TODO、FIXME 等注释。其主要用于自动识别并高亮显示代码中的 TODO、FIXME 等标记，方便快速定位待办事项

当使用 todo 标签后，可按下快捷键f1，然后选择 all 或者 todo 即可查看当前项目中声明的标签信息

三、功能插件

Image Preview

Image Preview 是代码编辑器或开发环境中的一个功能，主要用于允许用户在编辑器中直接预览图像文件，而无需打开外部查看器，提高工作效率

Code Spell Checker

Code Spell Checker 的作用是在代码中检测单词的拼写错误，帮助提高代码的可读性和质量

安装完即生效，如下所示，提示 coolr 这个单词不知道

**Git History **

Git History 作用：查看git提交日志

安装后即可效果，效果如下图所示，查看提交记录

GitLens — Git supercharged

GitLens — Git supercharged 主要用于增强 Git 功能，在编辑器中查看每一行代码的提交历史和作者信息

**Local History **

Local History 用于在本地保存文件的更改历史，自动记录文件的每次保存，方便回溯到之前的版本

open in browser

用于在浏览器中打开 html 文件，安装完以后在目标的 html 文件上右击，选择 open in default browser 即可打开使用浏览器打开文件

Postcode

Postcode 插件就可以理解为在 vscode 里面使用 postman

安装完以后左侧菜单会出现一个 小盒子 的图标，点开以后点击 Create Request 就可以正常使用模拟发送请求

如果你喜欢本文，欢迎点赞，并且关注我们的微信公众号：Python技术极客，我们会持续更新数据挖掘分析领域的好文章，让大家在数据挖掘分析领域持续精进提升，成为更好的自己！