1. 程式人生 > >VScode外掛合集

VScode外掛合集

vscode-icon,這款必須要推薦,明顯提升效率的小外掛,在專案檔案多型別多的情況下,找到制定檔案會大大縮短時間;
 

Class autocomplete for HTML,編寫html程式碼的朋友們對html程式碼的一大體現就是重複,如果純用手敲不僅累還會影響專案進度,這款自動補全外掛真的很棒;
beautify,這款類似於vscode裡格式化程式碼的功能,不錯;
Emoji,很好玩的一款外掛,可以在程式碼中插入emoji了,也許是程式猿的娛樂方式吧;
HTML Snippets,這款外掛包含html標籤,非常全,很實用;
Can I Use,自動檢測所寫程式碼能否在相應容器正常編譯執行;
JavaScript Snippet Pack,針對js的外掛,包含了js的常用語法關鍵字,很實用;
HTML CSS Support,在編寫樣式表的時候,自動補全功能大大縮減了編寫時間,推薦!
Auto Close Tag,編寫html程式碼的時候,寫完開始標籤,這款外掛會自動補全結束標籤,其實上面所說的html自動補全外掛一個Tab就搞定了,不過有時也需要這款外掛;
Auto Rename Tag,非常實用!要修改標籤名稱的時候自動修改結束標籤,節省一半時間,提升效率,非常棒!
jQuery Code Snippets:juqery提示外掛
Path Intellisense:自動路勁補全,預設不帶這個功能的,趕緊裝
Debugger for Chrome:讓 vscode 對映 chrome 的 debug功能,靜態頁面都可以用 vscode 來打斷點除錯。
Debugger for Firefox,在Firefox瀏覽器中除錯。

 

json:

{

"git.ignoreMissingGitWarning": true,

"editor.fontSize": 18,

"workbench.colorTheme": "Dracula Soft",

// 控制字體系列。

"editor.fontFamily": "Consolas, 'Courier New', monospace",

"workbench.iconTheme": "vscode-icons",

}