vscode 上我常用的優(yōu)秀插件

image.png

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 就是一款幫助我們識別匹配括號的插件,如下圖:匹配的的括號會是同一種顏色,不同匹配的括號顯示不同的顏色。

image.png

4. gitlens

一般,我們使用 git 來管理源代碼,每個人負責寫不同的模塊,彼此不交叉。但有時候我們也會修改共用的文件,如果出錯,我們很難定位到底是誰搞亂了代碼。

gitlens 安裝之后,我們只要把鼠標停留在代碼上,就會出現(xiàn)一行灰色的文字,提示我們此文件最近的修改人是誰,什么時候修改的文件。

image.png

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

image.png

5. todo highlight

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

todo highlight 可以幫助我們做個明顯的標記,很是方便。

image.png

6. wakatime

每天在編輯器下開發(fā),有沒有算過每天用了多少時間跟代碼待在一起?每個項目又用了多少時間開發(fā)?

wakatime 可以幫助我們記錄每一個項目下所用的時間,綁定賬號后每周會給你發(fā)一份郵件,提示你在不同的編輯器、項目和操作系統(tǒng)下花了多長時間。

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容