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

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

1、Chinese (Simplified) Language Pack

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

2、Code Spell Checker

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

3、HTML CSS Support

在編寫樣式表的時候，自動補全功能大大縮減了編寫時間。

4、JavaScript (ES6) code snippets

支持ES6語法提示

5、Mithril Emmet

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

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

自動閉合HTML/XML標簽

10、Auto Rename Tag

自動完成另一側標簽的同步修改

11、Beautify

格式化 html ,js,css

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

12、Bracket Pair Colorizer

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

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

13、open in browser

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

14、Vetur

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

15、File Utils

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

16、IntelliJ IDEA Keybindings

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