1. 程式人生 > 其它 >VSCode實用外掛

VSCode實用外掛

技術標籤:工具

Chinese 編輯器漢化包
Auto Rename Tag 自動重新命名成對的HTML標記
HTML Snippets HTML標籤的程式碼提示
Bracket Pair Colorizer 成對括號的顏色區分(主要是方便查閱程式碼結構)
vue css peek
CSS Peek   css樣式檢視器
Npm Intellisense 可自動完成匯入語句中的npm模組
open in browser 快速開啟html檔案到瀏覽器預覽
vscode-icons 提供目錄樹圖示主題
Auto Close Tag 自動閉合HTML/XML標籤
Path Intellisense 自動提示檔案路徑,快速引入檔案
Image Preview 滑鼠懸浮在連結上可及時預覽圖片
Beautify 在程式碼檔案右鍵滑鼠一鍵格式化html,js,css
JavaScript (ES6) code snippets ES6語法智慧提示,以及快速輸入
Vetur Vue外掛(語法高亮,智慧提示,錯誤提示,emmet,格式化,自動補全,debugger等)
ESlint 規範js程式碼書寫規則
TSLint ts書寫規則
koroFileHeader 生成頭部註釋和函式註釋的外掛
Better Align 程式碼排版外掛(選中程式碼+Ctrl+Shift+p,輸入Align)
change-case 解決變數命名規範問題
Better Comments 註釋顏色
TODO Tree 提供視覺化視窗來檢視和管理TODO Three
GitLens 快速檢視更改的程式碼行或程式碼塊
GitHistory 檢視和搜尋git日誌、圖形、詳細資訊、分支比較管理等
Partial Diff 檔案比較
Markdown All in One 快樂的書寫Markdown
REST Client 介面除錯
Browser Preview 一邊編寫程式碼一邊檢視瀏覽器
Settings Syns 同步我們的vscode配置到雲端(只需要登入賬號即可同步配置,不用重頭開始)
Live Share 能夠與他人實時進行協作式編輯和除錯