前端開發(fā)中VS Code軟件需要安裝哪些插件？

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

1、Chinese (Simplified) Language Pack

適用于 VS Code 的中文(簡體)語言包

2、Code Spell Checker

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

3、HTML CSS Support

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

4、JavaScript (ES6) code snippets

支持ES6語法提示

5、Mithril Emmet

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

6、Path Intellisense

路徑提示插件

7、Vue 3 Snippets

在 Vue 2 或者 Vue 3 開發(fā)中提供代碼片段，語法高亮和格式化的 VS Code 插件，能極大提高你的開發(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

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

12、Bracket Pair Colorizer

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

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

13、open in browser

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

14、Vetur

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

15、File Utils

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

16、IntelliJ IDEA Keybindings

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