VSCode(Visual Studio Code)是由微軟開(kāi)發(fā)的一款免費(fèi)辛馆,跨平臺(tái)的文本編輯器,由于其豐富的插件功能和卓越的性能,成為目前前端開(kāi)發(fā)中一款比較受歡迎的編輯器昙篙。VSCode提供了大量的擴(kuò)展和插件腊状,其中對(duì)于前端開(kāi)發(fā)比較常用的有以下幾項(xiàng):
1. Chinese(Simplified) Language
主要功能:VSCode漢化,提供漢語(yǔ)界面苔可。
2. vscode-icon
主要功能:為vscode中的文件及文件夾提供特殊的圖標(biāo)缴挖,文件格式一目了然。
3. open-in-browser
主要功能:右鍵一鍵選擇焚辅,在默認(rèn)瀏覽器中打開(kāi)當(dāng)前界面映屋。
4. Auto Close Tag
主要功能:自動(dòng)閉合HTML/XML標(biāo)簽
5. Auto Rename Tag
主要功能:自動(dòng)完成另一側(cè)標(biāo)簽的同步修改
6. Code Spell Checker
主要功能:自動(dòng)檢測(cè)輸入的單詞拼寫(xiě)是否正確,錯(cuò)誤時(shí)會(huì)給出提示同蜻,并且給出建議棚点,對(duì)于英語(yǔ)不太擅長(zhǎng)的同學(xué)來(lái)說(shuō)很有幫助。
7. Bracket Pair Colorizer
主要功能:給括號(hào)加上不同的顏色湾蔓,便于區(qū)分不同的區(qū)塊瘫析,使用者可以定義不同括號(hào)類(lèi)型和不同顏色
8. HTML CSS Support
主要功能:智能提示CSS類(lèi)名以及id。
9. JavaScript(ES6) code snippets
主要功能:ES6語(yǔ)法智能提示默责,以及快速輸入贬循,不僅僅支持.js,還支持.html桃序,.vue等杖虾,省去了配置其支持各種包含js代碼文件的時(shí)間
10. Path Intellisense
主要功能:自動(dòng)提示文件路徑,支持快速引入文件葡缰;
11. HTMLHint
主要功能:HTML代碼檢測(cè)亏掀;
12. Beautify
主要功能:格式化代碼,對(duì)HTML泛释、CSS滤愕、JS進(jìn)行格式化對(duì)齊顯示;
13. GitLens
主要功能:能顯示每一行代碼的作者以及提交時(shí)間怜校;方便查看git日志间影。
14. Git History
主要功能:查看git日志以及圖表和詳細(xì)信息,查看文件的歷史記錄(Git日志)或文件中的行歷史(Git Blame)
15. Vetur
主要功能:Vue多功能集成插件茄茁,包括:語(yǔ)法高亮魂贬,智能提示,emmet裙顽,錯(cuò)誤提示付燥,格式化,自動(dòng)補(bǔ)全愈犹,debugger键科。vscode官方欽定Vue插件闻丑,Vue開(kāi)發(fā)者必備。