Visual Studio Code是由微軟公司推出的一款免費(fèi)、開(kāi)源的代碼編輯器，一經(jīng)推出便受到開(kāi)發(fā)者的歡迎。對(duì)于Web前端開(kāi)發(fā)人員，一個(gè)強(qiáng)大的編輯器可以使開(kāi)發(fā)變得簡(jiǎn)單、便捷、高效。VS Code提供了非常豐富的插件功能，根據(jù)你的需要，安裝對(duì)應(yīng)的插件可以大大提高開(kāi)發(fā)效率。

1、Chinese (Simplified) Language Pack

適用于 VS Code 的中文(簡(jiǎn)體)語(yǔ)言包

2、Code Spell Checker

拼寫(xiě)檢查器。比如 banana 單詞寫(xiě)錯(cuò)成 banane ，會(huì)提示你是否修改成 banana ，也可以將 banane 添加至檢查器的字典中。

3、HTML CSS Support

在編寫(xiě)樣式表的時(shí)候，自動(dòng)補(bǔ)全功能大大縮減了編寫(xiě)時(shí)間。

4、JavaScript (ES6) code snippets

支持ES6語(yǔ)法提示

5、Mithril Emmet

一個(gè)能大幅度提高前端開(kāi)發(fā)效率的一個(gè)工具，用于補(bǔ)全代碼

6、Path Intellisense

路徑提示插件

7、Vue 3 Snippets

在 Vue 2 或者 Vue 3 開(kāi)發(fā)中提供代碼片段，語(yǔ)法高亮和格式化的 VS Code 插件，能極大提高你的開(kāi)發(fā)效率。

8、VueHelper

vscode最好的vue代碼提示插件，不僅包括了vue2所有api，還含有vue-router2和vuex2的代碼。

9、Auto Close Tag

自動(dòng)閉合HTML/XML標(biāo)簽

10、Auto Rename Tag

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

11、Beautify

格式化 html ,js,css

安裝過(guò)程中, 如果提示是否需要繼續(xù)安裝, 選擇 "仍要安裝"。

12、Bracket Pair Colorizer

給括號(hào)加上不同的顏色，便于區(qū)分不同的區(qū)塊，使用者可以定義不同括號(hào)類(lèi)型和不同顏色。

安裝過(guò)程中, 如果提示是否需要繼續(xù)安裝, 選擇 "仍要安裝"。

13、open in browser

vscode不像IDE一樣能夠直接在瀏覽器中打開(kāi)html，而該插件支持快捷鍵與鼠標(biāo)右鍵快速在瀏覽器中打開(kāi)html文件，支持自定義打開(kāi)指定的瀏覽器，包括：Firefox，Chrome，Opera，IE以及Safari

14、Vetur

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

15、File Utils

File Utils插件,可以方便快捷的來(lái)創(chuàng)建、復(fù)制、移動(dòng)、重命名文件和目錄。

16、IntelliJ IDEA Keybindings

安裝VSCode的插件 IntelliJ IDEA Keybindings 即可在VSCode中使用IDEA的快捷鍵。