經常使用vscode進行程式設計,用了好久,今天換電腦,新裝的vscode在下載外掛時忘記了之前用的順手的幾個,這裡記錄一下,順便分享給大家,希望大家程式設計效率越來越高,程式設計習慣越來越好,程式設計方式越來越拉風!
Chinese (Simplified) Language Pack for Visual Studio Code
中文外掛

Color Highlight
實現在js中的顏色相關的程式碼顯示相應的背景色

Color Picker
顏色拾取器

Highlight Matching Tag
標籤高亮
對於寫html的小夥伴來說,最痛苦的莫過於控制檯報少標籤的錯誤,有了這個外掛,再碰到這種問題直接對比顏色就可以啦

Path Intellisense
路徑提醒外掛

Auto Close Tag
自動關閉標籤,可以在你輸入首標籤的時候自動補全尾標籤,省時省力

Auto Rename Tag
在你更改標籤名時該外掛自動更改對應標籤名

Bracket Pair Colorizer
語句塊染色器

vscode-icons
vscode的檔案圖示外掛

Subtle Match Brackets

Simple React Snippets
react的snippet,輕鬆書寫react程式碼

ESLint
程式碼檢查 規範程式碼必備

Code Runner
在vscode的控制檯中執行程式碼 支援多種語言
以後再也不用新建html檔案然後寫script標籤啦,當然也可以直接在瀏覽器控制檯中書寫js程式碼,如果你用習慣的話..

還有 各種snippets

blog.hhking.cn/2018/08/15/… 道友的優秀推薦