VSCode實用外掛
阿新 • • 發佈:2021-01-12
技術標籤:工具
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 能夠與他人實時進行協作式編輯和除錯