首页 教程 开发工具 让你工作效率翻倍的 20 个 VSCode 插件!

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

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

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

一、主题外观

Material Theme 

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

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

Material Theme Icons

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

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

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

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

Better Comments

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

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

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

  • // TODO: 用于待办事项

  • // ! 用于重要或警告信息

  • // ? 用于疑问或需要确认的内容

  • // * 用于强调或重要说明

  • // 其他普通注释

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

Indent Rainbow

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

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

安装完效果如下所示

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

Indenticator 

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

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

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

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

Trailing Spaces

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

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

安装完效果如下所示

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

Color Highlight

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

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

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

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

Color Info 

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

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

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

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

Error Gutters 

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

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

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

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

Chinese 

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

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

二、编码提效

koroFileHeader

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

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

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

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

Tabnine

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

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

TODO Highlights

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

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

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

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

三、功能插件

Image Preview

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

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

Code Spell Checker

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

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

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

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

Git History 

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

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

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

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

GitLens — Git supercharged

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

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

Local History 

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

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

open in browser

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

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

Postcode

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

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

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

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


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

评论(0)条

提示:请勿发布广告垃圾评论,否则封号处理!!

    猜你喜欢
    【MySQL】用户管理

    【MySQL】用户管理

     服务器/数据库  2个月前  2.15k

    我们推荐使用普通用户对数据的访问。而root作为管理员可以对普通用户对应的权限进行设置和管理。如给张三和李四这样的普通用户权限设定后。就只能操作给你权限的库了。

    Cursor Rules 让开发效率变成10倍速

    Cursor Rules 让开发效率变成10倍速

     服务器/数据库  2个月前  1.21k

    在AI与编程的交汇点上,awesome-cursorrules项目犹如一座灯塔,指引着开发者们驶向更高效、更智能的编程未来。无论你是经验丰富的老手,还是刚入行的新人,这个项目都能为你的编程之旅增添一抹亮色。这些规则文件就像是你私人定制的AI助手,能够根据你的项目需求和个人偏好,精确地调教AI的行为。突然间,你会发现AI不仅能理解Next.js的最佳实践,还能自动应用TypeScript的类型检查,甚至主动提供Tailwind CSS的类名建议。探索新的应用场景,推动AI辅助编程的边界。

    探索Django 5: 从零开始,打造你的第一个Web应用

    探索Django 5: 从零开始,打造你的第一个Web应用

     服务器/数据库  2个月前  1.13k

    Django 是一个开放源代码的 Web 应用程序框架,由 Python 写成。它遵循 MVT(Model-View-Template)的设计模式,旨在帮助开发者高效地构建复杂且功能丰富的 Web 应用程序。随着每个版本的升级,Django 不断演变,提供更多功能和改进,让开发变得更加便捷。《Django 5 Web应用开发实战》集Django架站基础、项目实践、开发经验于一体,是一本从零基础到精通Django Web企业级开发技术的实战指南《Django 5 Web应用开发实战》内容以。

    MySQL 的mysql_secure_installation安全脚本执行过程介绍

    MySQL 的mysql_secure_installation安全脚本执行过程介绍

     服务器/数据库  2个月前  1.08k

    mysql_secure_installation 是 MySQL 提供的一个安全脚本,用于提高数据库服务器的安全性

    【MySQL基础篇】概述及SQL指令:DDL及DML

    【MySQL基础篇】概述及SQL指令:DDL及DML

     服务器/数据库  2个月前  483

    数据库是长期存储在计算机内的、有组织的、可共享的、统一管理的大量数据的集合。数据库不仅仅是数据的简单堆积,而是遵循一定的规则和模式进行组织和管理的。数据库中的数据可以包括文本、数字、图像、音频等各种类型的信息。

    Redis中的哨兵(Sentinel)

    Redis中的哨兵(Sentinel)

     服务器/数据库  2个月前  309

    ​ 上篇文章我们讲述了Redis中的主从复制(Redis分布式系统中的主从复制-CSDN博客),本篇文章针对主从复制中的问题引出Redis中的哨兵,希望本篇文章会对你有所帮助。