VScode插件推薦

經歷

Sublime和webstorm 盜版序列號通過一番血洗後，頻頻失效。雖然通過一番嘗試後。雖然成功破解但無意再用。轉向免費VScode開發我的博客 求星星

有須要用戶能夠查看：懶人一鍵安裝vscoode插件神器教程

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

我的博客 求星星