1. 程式人生 > >Visual Studio Code必備外掛

Visual Studio Code必備外掛

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的整合外掛