乐于分享
好东西不私藏

VSCode装了这8个插件,效率直接翻倍

VSCode装了这8个插件,效率直接翻倍

装了30个VSCode插件后,我发现一个扎心的真相——大部分插件都在吃灰。真正每天用的,就那么几个。这篇文章不搞花里胡哨,只分享我实测了半年、每天都在用的8个插件。装完你会发现:代码补全快了,Git操作顺了,看代码不费眼了。有收获的点个赞。

说出来不怕你笑话,我之前VSCode里装了30多个插件。每次写代码跳出一堆提示,强迫症犯了就一个个关。后来花了半天时间断舍离,最后就剩8个,用到现在。

代码补全:Copilot + Tabnine,二选一就行

Copilot不用多说,用过的都说香。不过它有时候抽风,或者网络不稳的时候,Tabnine就是个靠谱的备胎。两个不要同时开,会打架。

个人建议:GitHub Copilot(付费但值)+ Tabnine(免费版够用)

代码美化:Prettier + ESLint,保存自动格式化

这个组合前端程序员应该不陌生。Prettier管格式,ESLint管代码质量。关键是配置一次,以后保存代码自动格式化,不用手动调。

踩过的坑:不要装太多格式化插件,一个Prettier就够了。我之前装了Prettier + Beautify + JS-Correct,三个一起用,代码来回蹦跶,改到怀疑人生。

Git操作:GitLens,装完后悔没早装

以前查某行代码是谁改的、为什么改,我要切到SourceTree或者终端敲命令。现在装了GitLens,鼠标悬停就能看到commit信息、分支历史。

不过它功能太多,新手可能觉得乱。建议把不必要的功能关掉,只留git blame就行。

文件导航:Bookmarks + Project Manager

Bookmarks解决一个问题:跳到某个文件改了一行,下次还得找。装完打个书签,一键跳转。

Project Manager解决另一个问题:同时做几个项目,每次要手动打开文件夹。这个插件把所有项目列表管理起来,点击就能切。

代码阅读:Error Lens + Import Cost

Error Lens把代码错误直接显示在行尾,不用 hover 去看。Import Cost显示你import的包有多大,超标了会标红提醒你考虑替换。

这两个属于”用了就回不去”系列,尤其做性能优化的时候特别有用。

你装了哪些VSCode插件?评论区来Battle,有好用的我请喝咖啡。