超强大!程序员必装的十大 VSCode 插件,提高你的生产力

VSCode 是史上最强编辑器应该没人会反对吧,为什么 VSCode 能受到绝大多数程序员的青睐,在众多编辑器中拔得头筹呢?

除了免费、开源、轻量、跨平台这些优点外,还有很多功能强大的神仙插件,可以大大提高你的生产力。

如果你还觉得你的 VSCode 和普通编辑器没什么区别,那么这 10 个插件肯定是你需要的。

保证能把你的 VSCode 打造成得心应手的编辑器,可以大大提升你的开发效率。

 

01

Bracket Pair Colorizer

超强大!程序员必装的十大 VSCode 插件,提高你的生产力_第1张图片

从它的图标就可以看出来,这个插件会自动对括号进行配对,把成对的括号通过颜色进行区分。

图片

如果代码里有大量嵌套代码,你很难确定哪些括号彼此匹配。有了这个插件后,可以使代码更具可读性。

 

 

02

Project Manager

超强大!程序员必装的十大 VSCode 插件,提高你的生产力_第2张图片

 

当工作中需要开发多个项目的时候,我通常是打开多个 VSCode 编辑器,每个编辑器都在文件资源管理器中找到项目。

切换项目时,就在不同 VSCode 编辑器之间进行切换,很闹心,直到我发现了这个插件。

使用这个插件,你可以在项目的侧边菜单中打开一个额外的菜单,然后实现项目之间的快速切换。

 

03

Sublime Text Keymap

超强大!程序员必装的十大 VSCode 插件,提高你的生产力_第3张图片

如果你是 Sublime 的重度用户,同时也想要 VSCode 的插件功能,那么福音来了。

安装这个插件后,可以更改所有快捷方式,从而匹配 Sublime 的快捷方式,无缝切换,体验绝佳。

 

04

Auto Rename Tag

超强大!程序员必装的十大 VSCode 插件,提高你的生产力_第4张图片

这是一款面向 Web 开发人员的 VSCode 插件。顾名思义,Auto Rename Tag 可以在一个标签更改时自动更新另一个标签:

超强大!程序员必装的十大 VSCode 插件,提高你的生产力_第5张图片

前后标签同步修改,是不是很方便?

 

05

Prettier

超强大!程序员必装的十大 VSCode 插件,提高你的生产力_第6张图片

Prettier 是一款有倾向的代码格式化程序。可以节省你很多调整代码格式的时间。

比如单引号和双引号混用,分号的不规则使用和缩进不统一等问题,都可以使用 Prettier 一键搞定。

 

06

ESLint

超强大!程序员必装的十大 VSCode 插件,提高你的生产力_第7张图片

ESLint 和 Prettier 比较类似,但是 Prettier 更倾向于代码风格统一,而 ESLint 则是一个语法规则的检查工具,能够快速定位到你因粗心导致的语法错误。

你还可以自定义代码格式与规范的细节,并且一个团队可以共享同一个配置文件,就能保证一个团队所有人写出的代码都是同一个代码规范。

 

07

Settings Sync

超强大!程序员必装的十大 VSCode 插件,提高你的生产力_第8张图片

对于编辑器,每个人有自己的喜好配置,包括主题、快捷键和插件等。

但是换台电脑,就又要重新进行这些配置,很麻烦。这款插件就能解决你的痛点。

它将你的各种配置同步到云端,当你换电脑或者重新安装 VSCode 时,只需要登录账号即可同步配置了,而不用再次从头开始。

 

 

08

vscode-drawio

超强大!程序员必装的十大 VSCode 插件,提高你的生产力_第9张图片

程序员除了写代码,绘制流程图也是重要工作之一,这款插件能让你不用打开其他应用软件,在 VSCode 中就能画流程图,大大提高你的效率。

你只需要新建 .drawio 后缀文件,并拖入到 VSCode 中,就可以开始画图了。

画图界面如下所示:

超强大!程序员必装的十大 VSCode 插件,提高你的生产力_第10张图片

 

09

GitLens

超强大!程序员必装的十大 VSCode 插件,提高你的生产力_第11张图片

你写代码时,需要查看代码日志或者提交记录等,是不是需要另外打开一个终端,手动输入相关命令,有时忘记命令,还需要打开浏览器进行搜索。

GitLens 让你的这些操作全在 VSCode 中就能完成,帮助你节省很多时间来摸鱼,岂不美滋滋。

GitLens 给 VSCode 添加了 Git 的很多功能,不仅有助于 Git 操作,还能帮助你更方便地阅读源码。

 

10

Better Comments

 

超强大!程序员必装的十大 VSCode 插件,提高你的生产力_第12张图片

类名、函数名、变量、数值等不同符号可以用不同颜色进行区分,那如果注释也可以呢?

这款插件就可以让你对不同类型的注释进行不同颜色标记,以赋予它们不同的含义。

超强大!程序员必装的十大 VSCode 插件,提高你的生产力_第13张图片

 

通过不同颜色来将你的事情重要程度进行分类,而且你还可以自定义其他更多颜色的注释,又是一个提高效率的神器。

 

就先分享这10款 VSCode 插件,你可以高效率完成工作,早点下班陪陪女朋友。

 

作者简介

 

我是阿德,一名五年工作经验的软件开发工程师,985高校非科班程序员,热爱编程与开源,

此公众号【程序员阿德】专注于分享各种计算机干货,包括但不限于计算机组成原理、数据结构与算法、计算机网络、操作系统、数据库、Linux等。

相信你能够在这里有所收获,精进为一名优秀程序员,我们一起加油~

现在关注公众号 [程序员阿德] ,回复【书籍】可以获取我精心挑选的10本经典计算机电子书,加速你的成长。

超强大!程序员必装的十大 VSCode 插件,提高你的生产力_第14张图片

你可能感兴趣的:(实用工具,vscode,开发工具)