VScode外掛推薦

經歷

Sublime和webstorm 盜版序列號經過一番血洗後，頻頻失效。雖然經過一番嘗試後。雖然成功破解但無心再用。轉向免費VScode開發

有需要使用者可以檢視：懶人一鍵安裝vscode外掛神器教程

VScode常用外掛推薦

• HTML Snippets 超級實用且初級的 H5程式碼片段以及提示
• Color-Highlight在編輯器中高亮顯示顏色。
• Guides程式碼的標籤對齊線。
• HTML CSS supportcss 自動補齊
• Npm Intellisense在import語句中自動完成npm模組引入的程式碼外掛
• Debugger for Chrome讓 vscode 對映 chrome 的 debug功能，靜態頁面都可以用 vscode 來打斷點除錯
• background設定背景
• beautify在Visual Studio程式碼中美化JavaScript，JSON，CSS，Sass和HTML。
• Auto Close Tag 自動閉合HTML標籤
• Auto Rename Tag 修改HTML標籤時，自動修改匹配的標籤
• Bracket Pair Colorizer 讓括號擁有獨立的顏色，易於區分
• Open-In-Browser 由於 VSCode 沒有提供直接在瀏覽器中開啟檔案的內建介面，所以此外掛可以開啟命令皮膚選項。
• Live Server 類似程式碼執行伺服器上的功能
• Indenticator縮排高亮
• IntelliSense for CSS class namesCSS類名智慧命名提示
• JavaScript (ES6) code snippetsES6語法提示
• Path Intellisense編輯器中輸入路徑時,自動補全
• Git History 檢視和搜尋git日誌以及圖表和細節。檢視檔案的前一個副本。檢視和搜尋歷史
• CSS Peek 能在原始碼中的字串中找到對應的css，顯示在那個css檔案裡，還有在第幾行。
• Easy WXLESS微信小程式WXSS檔案專用，儲存可自動生成並同步編譯成同名css檔案
• px2rem px、rem單位互相轉換

常用Vue外掛推薦

vetur語法高亮、智慧感知、Emmet

提示：vue檔案程式碼格式化，需要在首選項-設定-使用者設定新增這行程式碼

"vetur.format.defaultFormatter.html": "js-beautify-html", //vue中HTML部分格式化
複製程式碼

Vue 2 Snippets 最新的 Vue 官方語法高亮檔案新增了語法高亮

vscode-element-helper Element-UI庫程式碼片段

主題推薦：淺色調

Brackets Light Pro

Quiet Light

個人部落格 求星星