吐血推薦珍藏的Visual Studio Code插件

做爲一名Java工程師，因爲工做須要，最近一個月一直在寫NodeJS，這種經歷能夠說是一部辛酸史了。好在有神器Visual Studio Code陪伴，讓個人這段經歷沒有更加困難。眼看這段經歷要告一段落了，今天就來給你們分享一下我經常使用的一些VSC的插件。

VSC的插件安裝方法很簡單，只須要點擊左側最下方的插件欄選項，而後就能夠搜索你想要的插件了。

下面咱們進入正題

Material Theme

第一個是Material Theme，這個插件能夠幫助咱們修改主題色，幫助你擺脫只有黑色和白色的世界。固然你也能夠經過修改setting文件來自定義主題顏色。

Auto Import

在寫Java時，一般我是直接在代碼中寫出類名，而後使用IDEA自動導入相應的包的，可是使用VSC時沒有這個功能，這個問題就讓我很困擾，這意味着做爲高級crtlCV工程師，粘貼過來的代碼沒法直接使用，你還要去查一些引用是屬於哪一個包的，怎麼導入。

而Auto Import幫我解決了這個大問題，它能夠自動識別，解析和增長一些對應的包。有了它，我就能夠繼續作ctrlCV工程師了。

Import Cost

寫過NodeJS的同窗可能都會有一個體會，本身可能只寫了幾行代碼，可是要安裝的包居然達到幾個G，可能有些誇張，可是大量的node_modules真的很使人崩潰。

這時你須要的是Import Cost來幫你控制一下你導入包的大小。

當你寫了一個導入語句時，它會提醒你這個包的大小，若是你發現某個包太大時，就須要考慮一下你是否真的須要引入整個包了。

Indent-Rainbow

這個插件是幫助你提高讀代碼的體驗的，對於剛開始接觸NodeJS的同窗來講，讀代碼的時間每每比寫代碼的時間要多。若是項目過大時，新同窗每每會迷失在不少的代碼塊中，分辨代碼塊只能靠行前縮緊數量。可是有時縮緊數量又沒法一眼看出。而Indent-Rainbow就是用來幫你快速分辨代碼的。

Prettier — Code Formatter

Prettier插件是用來格式化代碼的。

符合代碼規範的代碼能夠說是一個工程師的臉面，而Prettier能夠說是專門幫你維護臉面的插件。有了它，你在寫代碼時就能夠肆無忌憚了，只須要在寫完之後按一下對應的快捷鍵。你的代碼就會立刻變漂亮。

Sublime Text Keymap and Settings Importer

不知道有多少同窗和我同樣比較喜歡用Sublime Text。雖然ST3也很是強大，能夠用來寫JS代碼，可是我以爲它仍是比不上專業的IDE，因此我更喜歡把ST3看成「記事本」來用，若是你已經比較習慣了ST3的快捷鍵，而且不想由於使用VSC而改變這個習慣，那麼就可使用這個插件，它會在VSC中模仿ST3的快捷鍵設置。

你可使用command+P來喚起命令窗口，而後輸入>開始像在ST3中那樣操做。

npm Intellisense

npm Intellisense插件能夠幫助你將你想要的node modules補充完整。

File Utils

File Utils在我看來是一個很是方（zhuang）便（bi）的插件，它能夠幫助你不使用鼠標就能夠建立、移動、刪除文件。看起來是否是很酷。

Bracket Pair Colorizer

前面咱們提到了縮緊的識別，這裏還有一個括號顏色標識的插件。它能夠把括號標爲不一樣的顏色，方便識別括號匹配。這種插件我在IDEA中也會用，能夠極大的提升讀代碼的效率。

Trailing Spaces

這個插件會幫咱們標出一些無用的尾部空格，若是發現，請當即刪除它們。

WakaTime

這個插件頗有意思，它會統計你編碼的一些數據，例如各類語言的佔比，日平均編碼時間等。你能夠用它來統計一下你天天大概的有效工做時間是多少，若是數據比較漂亮，能夠不經意間讓領導看到一下，哈哈哈。

Vscode-icons

你是否對VSC的默認icon感到厭煩呢？你想直接經過圖標看出某個文件的文件格式嗎？Vscode-icons插件來幫你實現。

它會讓文件的icon更加友好，也能夠下載一些你喜歡的icon。

以上就是我經常使用的一些VSCode的插件。喜歡的同窗能夠直接去市場下載體驗。這些插件可能大部分都是用於提高讀代碼，由於我最近也是讀代碼比較多。若是其餘同窗有好用的插件也能夠分享出來。

後面我也會考慮分享一些IDEA的插件，作Java的同窗能夠期待一波。