
vscode 作為一款優(yōu)秀的編輯器,自從用上之后就一直覺得體驗不錯,尤其覺得寫 javascript 很合適。
其插件庫尤其豐富,下文說說我在用了近一年的時間里常用的一些插件。
1. prettier
很多時候我們自己手敲的代碼并不美觀,可能代碼不對齊,也可能前后代碼風格不一致,尤其是從別處復制過來的大段代碼會錯亂不堪,手動校核是一件苦差事無疑。
prettier 可以一鍵幫助我們格式化代碼,包括 JavaScript / TypeScript / CSS。
2. beautify
beautify 也是一款格式化插件,可以美化 javascript, JSON, CSS, Sass, and HTML。不過,我一般更喜歡 prettier 的風格,所以我一般會用它來美化 html。
3. Bracket Pair Colorizer
常見的代碼中會有大量的括號,包括 (), [], and {} ,默認代碼中括號的顏色都是一樣的,這樣很難在有括號語法錯誤的時候去辨認到底哪里出錯。
Bracket Pair Colorizer 就是一款幫助我們識別匹配括號的插件,如下圖:匹配的的括號會是同一種顏色,不同匹配的括號顯示不同的顏色。

4. gitlens
一般,我們使用 git 來管理源代碼,每個人負責寫不同的模塊,彼此不交叉。但有時候我們也會修改共用的文件,如果出錯,我們很難定位到底是誰搞亂了代碼。
gitlens 安裝之后,我們只要把鼠標停留在代碼上,就會出現(xiàn)一行灰色的文字,提示我們此文件最近的修改人是誰,什么時候修改的文件。

除此之外,gitlens 還能提示我們目前的修改狀態(tài),歷史數(shù)據(jù),本地分支以及遠程分支等。

5. todo highlight
我們寫代碼的時候,有時候會做個標記,來提示自己某個地方還有一些未完成的工作,如果只是寫個注釋并不太明顯。
todo highlight 可以幫助我們做個明顯的標記,很是方便。

6. wakatime
每天在編輯器下開發(fā),有沒有算過每天用了多少時間跟代碼待在一起?每個項目又用了多少時間開發(fā)?
wakatime 可以幫助我們記錄每一個項目下所用的時間,綁定賬號后每周會給你發(fā)一份郵件,提示你在不同的編輯器、項目和操作系統(tǒng)下花了多長時間。