vscode經常使用好用的十大插件

image.png
代碼工具主要看我的喜歡,若是你還未找到一個本身我的以爲最好用的我的推薦能夠試試VSCode,高自由度、又擁有高性能和高顏值,並且vscode仍是一款免費而且有團隊持續快速更新的代碼編輯器。用起來極度溫馨,最關鍵的是,有各路大神製做的插件,代碼編輯爽到飛起,下面推薦一些我的經常使用的十大插件。javascript

1.Auto Rename Tag

image.png
自動重命名配對的HTML / XML標籤 ,雙標籤修改一個另外一個同步自動更改,省時省力css

2.Chinese(Simplified)Language Pack for Visual Studio Code

image.png
中文簡體語言包,若是和我同樣的英語小拉拉必須搞一個html

3.vscode-icons

image.png
不一樣的文件後綴展現不一樣的圖標,更清晰直觀,見圖知意完美vue

4.### vetur

image.png
語法高亮,智能感知,看着就很nicejava

5.Auto Close Tag

image.png
標籤自動關閉git

6.Path Intellisense

image.png
路徑提示插件,提示路徑下存在的文件,麻麻不再用擔憂我找錯路徑了呢npm

7.html/css/javascript/vue/npm相關插件

涉及到語言和框架的插件,直接搜索關鍵詞找到最多的下載就不會錯嘍!json

8.sass

image.png
sass必備sass

9.GitsLens-Git supercharged

image.png
見名知意,能夠查看git詳情框架

10.Prettier - Code formatter

image.png
代碼格式化工具,能夠支持 js/jsx/ts/flow/json/css/less/scss 等文件格式。 按Shift+Alt+F便可格式化代碼,若是嫌麻煩能夠保存時候自動格式化,須要設置VSCode 左上角 --> 首選項 --> 設置 --> 搜索 Prettier --> 選擇「Prettier - Code formatter」 --> 在 settings.json 中編輯 --> 添加 "editor.formatOnSave": true

附加:超級鼓勵師

image.png
代碼敲到腦殼炸,不如換種方式舒緩下,小遊戲走起來,提神醒腦後才能更好的發揮頭腦風暴呀~~

充分利用插件優勢,能夠幫助咱們快速開發,省下的時間多寫點bug它不香嗎!

相關文章
相關標籤/搜索