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ǔ)界面。

Chinese(Simplified) Language

2. vscode-icon

主要功能：為vscode中的文件及文件夾提供特殊的圖標(biāo)，文件格式一目了然。

vscode-icon

icon展示

3. open-in-browser

主要功能：右鍵一鍵選擇，在默認(rèn)瀏覽器中打開(kāi)當(dāng)前界面。

open-in-browser

4. Auto Close Tag

主要功能：自動(dòng)閉合HTML/XML標(biāo)簽

Auto Close Tag

5. Auto Rename Tag

主要功能：自動(dòng)完成另一側(cè)標(biāo)簽的同步修改

Auto Rename Tag

6. Code Spell Checker

主要功能：自動(dòng)檢測(cè)輸入的單詞拼寫(xiě)是否正確，錯(cuò)誤時(shí)會(huì)給出提示，并且給出建議，對(duì)于英語(yǔ)不太擅長(zhǎng)的同學(xué)來(lái)說(shuō)很有幫助。

Code Spell Checker

7. Bracket Pair Colorizer

主要功能：給括號(hào)加上不同的顏色，便于區(qū)分不同的區(qū)塊，使用者可以定義不同括號(hào)類型和不同顏色

Bracket Pair Colorizer

Screenshot

8. HTML CSS Support

主要功能：智能提示CSS類名以及id。

HTML CSS Suppor

Screenshot

9. JavaScript(ES6) code snippets

主要功能：ES6語(yǔ)法智能提示，以及快速輸入，不僅僅支持.js，還支持.html，.vue等，省去了配置其支持各種包含js代碼文件的時(shí)間

JavaScript(ES6) code snippets

10. Path Intellisense

主要功能：自動(dòng)提示文件路徑，支持快速引入文件；

Path Intellisense

11. HTMLHint

主要功能：HTML代碼檢測(cè)；

HTMLHint

12. Beautify

主要功能：格式化代碼，對(duì)HTML、CSS、JS進(jìn)行格式化對(duì)齊顯示；

Beautify

13. GitLens

主要功能：能顯示每一行代碼的作者以及提交時(shí)間；方便查看git日志。

GitLens

Screenshot

14. Git History

主要功能:查看git日志以及圖表和詳細(xì)信息，查看文件的歷史記錄（Git日志）或文件中的行歷史（Git Blame）

Git History

15. Vetur

主要功能：Vue多功能集成插件，包括：語(yǔ)法高亮，智能提示，emmet，錯(cuò)誤提示，格式化，自動(dòng)補(bǔ)全，debugger。vscode官方欽定Vue插件，Vue開(kāi)發(fā)者必備。

Vetur