作為一名Java工程師,由于工作需要,最近一個(gè)月一直在寫NodeJS,這種經(jīng)歷可以說是一部辛酸史了。好在有神器Visual Studio Code陪伴,讓我的這段經(jīng)歷沒有更加困難。眼看這段經(jīng)歷要告一段落了,今天就來給大家分享一下我常用的一些VSC的插件。
VSC的插件安裝方法很簡單,只需要點(diǎn)擊左側(cè)最下方的插件欄選項(xiàng),然后就可以搜索你想要的插件了。
下面我們進(jìn)入正題
Material Theme
第一個(gè)是Material Theme,這個(gè)插件可以幫助我們修改主題色,幫助你擺脫只有黑色和白色的世界。當(dāng)然你也可以通過修改setting文件來自定義主題顏色。
Auto Import
在寫Java時(shí),通常我是直接在代碼中寫出類名,然后使用IDEA自動導(dǎo)入相應(yīng)的包的,但是使用VSC時(shí)沒有這個(gè)功能,這個(gè)問題就讓我很困擾,這意味著作為高級crtlCV工程師,粘貼過來的代碼無法直接使用,你還要去查一些引用是屬于哪個(gè)包的,怎么導(dǎo)入。
而Auto Import幫我解決了這個(gè)大問題,它可以自動識別,解析和增加一些對應(yīng)的包。有了它,我就可以繼續(xù)做ctrlCV工程師了。
Import Cost
寫過NodeJS的同學(xué)可能都會有一個(gè)體會,自己可能只寫了幾行代碼,但是要安裝的包竟然達(dá)到幾個(gè)G,可能有些夸張,但是大量的node_modules真的很令人崩潰。
這時(shí)你需要的是Import Cost來幫你控制一下你導(dǎo)入包的大小。
當(dāng)你寫了一個(gè)導(dǎo)入語句時(shí),它會提醒你這個(gè)包的大小,如果你發(fā)現(xiàn)某個(gè)包太大時(shí),就需要考慮一下你是否真的需要引入整個(gè)包了。
Indent-Rainbow
這個(gè)插件是幫助你提升讀代碼的體驗(yàn)的,對于剛開始接觸NodeJS的同學(xué)來說,讀代碼的時(shí)間往往比寫代碼的時(shí)間要多。如果項(xiàng)目過大時(shí),新同學(xué)往往會迷失在很多的代碼塊中,分辨代碼塊只能靠行前縮緊數(shù)量。但是有時(shí)縮緊數(shù)量又無法一眼看出。而Indent-Rainbow就是用來幫你快速分辨代碼的。
Prettier — Code Formatter
Prettier插件是用來格式化代碼的。
符合代碼規(guī)范的代碼可以說是一個(gè)工程師的臉面,而Prettier可以說是專門幫你維護(hù)臉面的插件。有了它,你在寫代碼時(shí)就可以肆無忌憚了,只需要在寫完以后按一下對應(yīng)的快捷鍵。你的代碼就會馬上變漂亮。
Sublime Text Keymap and Settings Importer
不知道有多少同學(xué)和我一樣比較喜歡用Sublime Text。雖然ST3也非常強(qiáng)大,可以用來寫JS代碼,但是我覺得它還是比不上專業(yè)的IDE,所以我更喜歡把ST3當(dāng)作「記事本」來用,如果你已經(jīng)比較習(xí)慣了ST3的快捷鍵,并且不想因?yàn)槭褂肰SC而改變這個(gè)習(xí)慣,那么就可以使用這個(gè)插件,它會在VSC中模仿ST3的快捷鍵設(shè)置。
你可以使用command+P來喚起命令窗口,然后輸入>
開始像在ST3中那樣操作。
npm Intellisense
npm Intellisense插件可以幫助你將你想要的node modules補(bǔ)充完整。
File Utils
File Utils在我看來是一個(gè)非常方(zhuang)便(bi)的插件,它可以幫助你不使用鼠標(biāo)就可以創(chuàng)建、移動、刪除文件??雌饋硎遣皇呛芸帷?/p>
Bracket Pair Colorizer
前面我們提到了縮緊的識別,這里還有一個(gè)括號顏色標(biāo)識的插件。它可以把括號標(biāo)為不同的顏色,方便識別括號匹配。這種插件我在IDEA中也會用,可以極大的提高讀代碼的效率。
Trailing Spaces
這個(gè)插件會幫我們標(biāo)出一些無用的尾部空格,如果發(fā)現(xiàn),請立即刪除它們。
WakaTime
這個(gè)插件很有意思,它會統(tǒng)計(jì)你編碼的一些數(shù)據(jù),例如各種語言的占比,日平均編碼時(shí)間等。你可以用它來統(tǒng)計(jì)一下你每天大概的有效工作時(shí)間是多少,如果數(shù)據(jù)比較漂亮,可以不經(jīng)意間讓領(lǐng)導(dǎo)看到一下,哈哈哈。
Vscode-icons
你是否對VSC的默認(rèn)icon感到厭煩呢?你想直接通過圖標(biāo)看出某個(gè)文件的文件格式嗎?Vscode-icons插件來幫你實(shí)現(xiàn)。
它會讓文件的icon更加友好,也可以下載一些你喜歡的icon。
以上就是我常用的一些VSCode的插件。喜歡的同學(xué)可以直接去市場下載體驗(yàn)。這些插件可能大部分都是用于提升讀代碼,因?yàn)槲易罱彩亲x代碼比較多。如果其他同學(xué)有好用的插件也可以分享出來。
后面我也會考慮分享一些IDEA的插件,做Java的同學(xué)可以期待一波。希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
您可能感興趣的文章:- Visual Studio Code 從簡介、安裝到配置所需插件詳細(xì)介紹
- Visual Studio Code上添加小程序自動補(bǔ)全插件的操作方法