Visual Studio Code必備插件

先ctrl+shift+p，彈出命令面板-選中Extensions:Install Extensions

或者直接點擊左側欄這個擴展按鈕（Ctrl+Shift+X）

 

而後左側欄就會顯示出不少插件，如圖，選中你要安裝的插件就好了

 

 

HTML Snippets： 
超級實用且初級的 H5代碼片斷以及提示

.

HTMLHint： 
html代碼檢測

.

HTML CSS Support : 
讓 html 標籤上寫class 智能提示當前項目所支持的樣式。新版已經支持scss文件檢索，這個也是必備插件之一

.

Auto Close Tag : 
匹配標籤，關閉對應的標籤。很實用【HTML/XML】

.

Auto Rename Tag : 
修改 html 標籤，自動幫你完成尾部閉合標籤的同步修改

.

Path Autocomplete : 
路徑智能補全

.

Path Intellisense ： 
路徑智能提示

.

JavaScript Snippet Pack： 
針對js的插件，包含了js的經常使用語法關鍵字，很實用；

.

View InBrowser： 
從瀏覽器中查看html文件，使用系統的當前默認瀏覽器

.

Class autocomplete for HTML： 
編寫html代碼的朋友們對html代碼的一大致現就是重複，若是純用手敲不只累還會影響項目進度，這款自動補全插件真的很棒；

.

beautify : 
格式化代碼的工具，能夠格式化JSON|JS|HTML|CSS|SCSS,比內置格式化好用

.

Debugger for Chrome： 
讓 vscode 映射 chrome 的 debug功能，靜態頁面均可以用 vscode 來打斷點調試，真666~

.

jQuery Code Snippets： 
jquery 重度患者必須品

.

vscode-icon： 
讓 vscode 資源樹目錄加上圖標，必備良品！

.

VSCode Great Icons： 
另外一款資源樹目錄圖標 
.

colorize : 
會給顏色代碼增長一個當前匹配代碼顏色的背景，很是好

.

Color Info： 
提供你在 CSS 中使用顏色的相關信息。你只需在顏色上懸停光標，就能夠預覽色塊中色彩模型的（HEX、 RGB、HSL 和 CMYK）相關信息了。

.

Bracket Pair Colorizer： 
讓括號擁有獨立的顏色，易於區分。能夠配合任意主題使用。

.

vscode-fileheader： 
頂部註釋模板，可定義做者、時間等信息，並會自動更新最後修改時間

.

Document This : 
js 的註釋模板 （注意：新版的vscode已經原生支持,在function上輸入/** tab）

.

filesize： 
在底部狀態欄顯示當前文件大小，點擊後還能夠看到詳細建立、修改時間

.

Code Runner : 
代碼編譯運行看結果，支持衆多語言

.

Bootstrap 3 Sinnpet： 
經常使用 bootstrap 的能夠下

.

GitLens： 
豐富的git日誌插件

.

vetur： 
vue語法高亮、智能感知、Emmet等

.

VueHelper： 
vue代碼提示

.

Bookmarks： 
一個書籤工具,仍是頗有必要的

. 
tortoise-svn： 
SVN的集成插件

 

open in  browser

用瀏覽器預覽運行html文件

 

原連接：https://blog.csdn.net/x550392236/article/details/78646555