VSCode(Visual Studio Code)是由微軟開發(fā)的一款免費,跨平臺的文本編輯器,由于其豐富的插件功能和卓越的性能,成為目前前端開發(fā)中一款比較受歡迎的編輯器。VSCode提供了大量的擴展和插件,其中對于前端開發(fā)比較常用的有以下幾項:
1. Chinese(Simplified) Language
主要功能:VSCode漢化,提供漢語界面。

Chinese(Simplified) Language
2. vscode-icon
主要功能:為vscode中的文件及文件夾提供特殊的圖標,文件格式一目了然。

vscode-icon

icon展示
3. open-in-browser
主要功能:右鍵一鍵選擇,在默認瀏覽器中打開當前界面。

open-in-browser
4. Auto Close Tag
主要功能:自動閉合HTML/XML標簽

Auto Close Tag
5. Auto Rename Tag
主要功能:自動完成另一側(cè)標簽的同步修改

Auto Rename Tag
6. Code Spell Checker
主要功能:自動檢測輸入的單詞拼寫是否正確,錯誤時會給出提示,并且給出建議,對于英語不太擅長的同學來說很有幫助。

Code Spell Checker
7. Bracket Pair Colorizer
主要功能:給括號加上不同的顏色,便于區(qū)分不同的區(qū)塊,使用者可以定義不同括號類型和不同顏色

Bracket Pair Colorizer

Screenshot
8. HTML CSS Support
主要功能:智能提示CSS類名以及id。

HTML CSS Suppor

Screenshot
9. JavaScript(ES6) code snippets
主要功能:ES6語法智能提示,以及快速輸入,不僅僅支持.js,還支持.html,.vue等,省去了配置其支持各種包含js代碼文件的時間

JavaScript(ES6) code snippets
10. Path Intellisense
主要功能:自動提示文件路徑,支持快速引入文件;

Path Intellisense
11. HTMLHint
主要功能:HTML代碼檢測;

HTMLHint
12. Beautify
主要功能:格式化代碼,對HTML、CSS、JS進行格式化對齊顯示;

Beautify
13. GitLens
主要功能:能顯示每一行代碼的作者以及提交時間;方便查看git日志。

GitLens

Screenshot
14. Git History
主要功能:查看git日志以及圖表和詳細信息,查看文件的歷史記錄(Git日志)或文件中的行歷史(Git Blame)

Git History
15. Vetur
主要功能:Vue多功能集成插件,包括:語法高亮,智能提示,emmet,錯誤提示,格式化,自動補全,debugger。vscode官方欽定Vue插件,Vue開發(fā)者必備。

Vetur