VS Code是常用的編輯器之一纱新,裝好插件能提高很多工作效率奢驯。
一适掰、插件的搜索和安裝
插件搜索和安裝有很多種方法估蹄,個(gè)人覺得最方便的是下圖步驟
二塑煎、常用插件的介紹
插件 | 說明 | 備注 |
---|---|---|
Chinese (Simplified) Language Pack for Visual Studio Code | 中文簡(jiǎn)體語言包 | |
Auto Close Tag | 自動(dòng)閉合標(biāo)簽 | |
Auto Rename Tag | 自動(dòng)重命名配對(duì)的標(biāo)簽 | |
Code Runner | 運(yùn)行代碼片段 | |
Autoprefixer | 自動(dòng)補(bǔ)全css前綴 | 需要根據(jù)說明配置 |
cssrem | 將px轉(zhuǎn)換成rem | 需要根據(jù)設(shè)計(jì)稿配置 |
Easy Sass | 將scss編譯為css | |
Highlight Line | 在當(dāng)前行有一條橫線提示 | |
Highlight Matching Tag | 閉合標(biāo)簽提示 | |
indent-rainbow | 在縮進(jìn)前加上不同的顏色 | |
Open In Default Browser | 使用默認(rèn)瀏覽器打開 | |
Path Autocomplete | 路徑自動(dòng)補(bǔ)全 | |
Path Intellisense | 文件路徑提示 | |
Bracket Pair Colorizer | 括號(hào)使用相應(yīng)的顏色對(duì)應(yīng) | |
Search vendor | 搜索node_modules 中文件很有用 | |
Vetur | 使用vue必裝 | |
Prettier - Code formatter | 格式化代碼 | |
vscode-icons | 使vscode顯示目錄文件夾 | |
Babel ES6/ES7 |
vscode還有很多好用的插件,每次打開之前沒有打開過的文件類型元媚,都會(huì)提示安裝新的插件轧叽,暫時(shí)只推薦這些,會(huì)不斷補(bǔ)充……