作為一名Java工程師，由于工作需要，最近一個(gè)月一直在寫(xiě)NodeJS，這種經(jīng)歷可以說(shuō)是一部辛酸史了。好在有神器Visual Studio Code陪伴，讓我的這段經(jīng)歷沒(méi)有更加困難。眼看這段經(jīng)歷要告一段落了，今天就來(lái)給大家分享一下我常用的一些VSC的插件。

VSC的插件安裝方法很簡(jiǎn)單，只需要點(diǎn)擊左側(cè)最下方的插件欄選項(xiàng)，然后就可以搜索你想要的插件了。

下面我們進(jìn)入正題

Material Theme

第一個(gè)是Material Theme，這個(gè)插件可以幫助我們修改主題色，幫助你擺脫只有黑色和白色的世界。當(dāng)然你也可以通過(guò)修改setting文件來(lái)自定義主題顏色。

Auto Import

在寫(xiě)Java時(shí)，通常我是直接在代碼中寫(xiě)出類(lèi)名，然后使用IDEA自動(dòng)導(dǎo)入相應(yīng)的包的，但是使用VSC時(shí)沒(méi)有這個(gè)功能，這個(gè)問(wèn)題就讓我很困擾，這意味著作為高級(jí)crtlCV工程師，粘貼過(guò)來(lái)的代碼無(wú)法直接使用，你還要去查一些引用是屬于哪個(gè)包的，怎么導(dǎo)入。

而Auto Import幫我解決了這個(gè)大問(wèn)題，它可以自動(dòng)識(shí)別，解析和增加一些對(duì)應(yīng)的包。有了它，我就可以繼續(xù)做ctrlCV工程師了。

Import Cost

寫(xiě)過(guò)NodeJS的同學(xué)可能都會(huì)有一個(gè)體會(huì)，自己可能只寫(xiě)了幾行代碼，但是要安裝的包竟然達(dá)到幾個(gè)G，可能有些夸張，但是大量的node_modules真的很令人崩潰。

這時(shí)你需要的是Import Cost來(lái)幫你控制一下你導(dǎo)入包的大小。

當(dāng)你寫(xiě)了一個(gè)導(dǎo)入語(yǔ)句時(shí)，它會(huì)提醒你這個(gè)包的大小，如果你發(fā)現(xiàn)某個(gè)包太大時(shí)，就需要考慮一下你是否真的需要引入整個(gè)包了。

Indent-Rainbow

這個(gè)插件是幫助你提升讀代碼的體驗(yàn)的，對(duì)于剛開(kāi)始接觸NodeJS的同學(xué)來(lái)說(shuō)，讀代碼的時(shí)間往往比寫(xiě)代碼的時(shí)間要多。如果項(xiàng)目過(guò)大時(shí)，新同學(xué)往往會(huì)迷失在很多的代碼塊中，分辨代碼塊只能靠行前縮緊數(shù)量。但是有時(shí)縮緊數(shù)量又無(wú)法一眼看出。而Indent-Rainbow就是用來(lái)幫你快速分辨代碼的。

Prettier — Code Formatter

Prettier插件是用來(lái)格式化代碼的。

符合代碼規(guī)范的代碼可以說(shuō)是一個(gè)工程師的臉面，而Prettier可以說(shuō)是專門(mén)幫你維護(hù)臉面的插件。有了它，你在寫(xiě)代碼時(shí)就可以肆無(wú)忌憚了，只需要在寫(xiě)完以后按一下對(duì)應(yīng)的快捷鍵。你的代碼就會(huì)馬上變漂亮。

Sublime Text Keymap and Settings Importer

不知道有多少同學(xué)和我一樣比較喜歡用Sublime Text。雖然ST3也非常強(qiáng)大，可以用來(lái)寫(xiě)JS代碼，但是我覺(jué)得它還是比不上專業(yè)的IDE，所以我更喜歡把ST3當(dāng)作「記事本」來(lái)用，如果你已經(jīng)比較習(xí)慣了ST3的快捷鍵，并且不想因?yàn)槭褂肰SC而改變這個(gè)習(xí)慣，那么就可以使用這個(gè)插件，它會(huì)在VSC中模仿ST3的快捷鍵設(shè)置。

你可以使用command+P來(lái)喚起命令窗口，然后輸入>開(kāi)始像在ST3中那樣操作。

npm Intellisense

npm Intellisense插件可以幫助你將你想要的node modules補(bǔ)充完整。

File Utils

File Utils在我看來(lái)是一個(gè)非常方（zhuang）便（bi）的插件，它可以幫助你不使用鼠標(biāo)就可以創(chuàng)建、移動(dòng)、刪除文件?？雌饋?lái)是不是很酷。

Bracket Pair Colorizer

前面我們提到了縮緊的識(shí)別，這里還有一個(gè)括號(hào)顏色標(biāo)識(shí)的插件。它可以把括號(hào)標(biāo)為不同的顏色，方便識(shí)別括號(hào)匹配。這種插件我在IDEA中也會(huì)用，可以極大的提高讀代碼的效率。

Trailing Spaces

這個(gè)插件會(huì)幫我們標(biāo)出一些無(wú)用的尾部空格，如果發(fā)現(xiàn)，請(qǐng)立即刪除它們。

WakaTime

這個(gè)插件很有意思，它會(huì)統(tǒng)計(jì)你編碼的一些數(shù)據(jù)，例如各種語(yǔ)言的占比，日平均編碼時(shí)間等。你可以用它來(lái)統(tǒng)計(jì)一下你每天大概的有效工作時(shí)間是多少，如果數(shù)據(jù)比較漂亮，可以不經(jīng)意間讓領(lǐng)導(dǎo)看到一下，哈哈哈。

Vscode-icons

你是否對(duì)VSC的默認(rèn)icon感到厭煩呢？你想直接通過(guò)圖標(biāo)看出某個(gè)文件的文件格式嗎？Vscode-icons插件來(lái)幫你實(shí)現(xiàn)。

它會(huì)讓文件的icon更加友好，也可以下載一些你喜歡的icon。

以上就是我常用的一些VSCode的插件。