| Auto Close Tag |
自動新增HTML / XML關閉標籤 |
 |
| #Auto Rename Tag |
自動重新命名配對的HTML / XML標籤 |
 |
| Beautify |
格式化程式碼 |
|
| Bracket Pair Colorizer |
顏色識別匹配括號 |
 |
| #Code Runner |
非常強大的一個插件，能夠運行多種語言的程式碼片段或程式碼檔案：C，C ，Java，JavaScript，PHP，Python，Perl，Ruby，Go等等
安裝完成後，右上角會出現：▶ |
 |
| change-case |
雖然VSCode 內建了開箱即用的文字轉換選項，但其只能進行文字大小寫的轉換。而此外掛程式則新增了更多用於修改文字的命名格式，包括駝峰命名、下劃線分隔命名，snake_case 命名以及CONST_CAS 命名等 |
 |
| Chinese (Simplified) Language Pack for Visual Studio Code |
中中文簡體語言套件 |
|
| Color Info |
|
 |
|
|
##這個方便的插件，將為你提供你在CSS 中使用顏色的相關資訊。你只要在顏色上懸停遊標，就可以預覽色塊中色彩模型的（HEX、 RGB、HSL 和CMYK）相關資訊了
|
|
CSS Peek使用此插件，你可以追蹤到樣式表中CSS 類別和ids 定義的地方。當你在HTML 檔案中右鍵點選選擇器時，選擇「 Go to Definition 和Peek definition 」選項，它就會給你發送樣式設定的CSS 程式碼 |
 |
| Debugger for Chrome |
前端偵錯, | 檢視使用方法
##################ESLint# #####EsLint可以幫助我們檢查Javascript程式設計時的語法錯誤。例如：在Javascript應用中，你很難找到你漏洩的變數或方法。 EsLint能夠幫助我們分析JS程式碼，找到bug並確保一定程度的JS語法書寫的正確性######### |
| filesize |
在底部狀態列顯示目前檔案大小，點擊後還可以看到詳細建立、修改時間 |
 |
| Git History |
以圖表的形式檢視git 日誌 |
 |
| GitLens — Git supercharged |
顯示檔案最近的commit 和作者，顯示目前行commit 資訊 |
 |
| #HTML Boilerplate |
透過使用HTML 模版插件，你就擺脫了為HTML 新檔案重新編寫頭部和正文標籤的苦惱。你只需在空白文件中輸入html，並按Tab 鍵，即可產生乾淨的文件結構 |
 |
| #HTMLHint |
HTML 程式碼格式偵測 |
 |
| HTML Snippets |
程式碼自動填入 |
 |
##htmltagwrap | 在選取HTML標籤中外套一層標籤」Alt W」 (“Option W” for Mac)
|
 |
Image Preview | 滑鼠移到路徑裡顯示影像預覽 |
 |
Indenticator | 突顯目前的縮排深度 |
 |
intelliSense for CSS class names in HTML | 把專案中css 檔案裡的名稱智能提示在html 中 |
 |
JavaScript (ES6) code snippets | es6程式碼片段 |
|
#Live Server | 瀏覽器即時重新整理 |
 |
#Node.js Modules Intellisense | 可以在導入語句中自動完成JavaScript / TypeScript模組 |
 |
npm Intellisense | #require 時的套件提示 |
 |
Path Intellisense | 路徑自動補全 |
 |
##Quokka.js
| Quokka 是一個調試工具插件，能夠根據你正在編寫的程式碼提供即時回饋 | 使用方法: ctrl shift p 輸入quokka 選擇new javascript 就可以了 |
| Regex Previewer |
這是一個用於即時測試正規表示式的實用工具。它可以將正規表示式模式應用在任何開啟的檔案上，並且高亮所有的符合項目 |
 |
| SVG Viewer |
此外掛程式在Visual Studio 程式碼中添加了許多實用的SVG 程序，你無需離開編輯器，便可以打開SVG 檔案並查看它們。同時，它也包含了用於轉換為PNG 格式和產生資料URI 模式的選項 |
 |
| Vetur | ##Vue 語法高亮顯示, 語法錯誤檢查, 程式碼自動補全(配合ESLint 外掛程式效果更佳)
|
|
##vscode-fileheader
| 頂部註解模板，可定義作者、時間等信息，並會自動更新最後修改時間 | 快捷鍵: Ctrl Alt i(預設資訊可在檔案→首選項→設定中修改)
|
 |
相關推薦：
