[if !supportLists]一、[endif]下載安裝

VSCode下載鏈接:?https://code.visualstudio.com/

安裝就是無(wú)腦安裝，下一步下一步就好啦

[if !supportLists]二、[endif]漢化

Vscode自帶中文包，打開(kāi)擴(kuò)展商店，搜索Chinese安裝第一個(gè)重新啟動(dòng)就好啦

[if !supportLists]三、[endif]插件

Vscode前端常用插件

Auto Rename Tag?：在修改標(biāo)簽名時(shí)，能在你修改開(kāi)始（結(jié)束）標(biāo)簽的時(shí)候修改對(duì)應(yīng)的結(jié)束（開(kāi)始）標(biāo)簽，幫你減少50% 的擊鍵；

Bracket Pair Colorizer 2：

會(huì)已不同顏色和橫線(xiàn)顯示括號(hào)的范圍

HTML Snippets：使用！Tab ??快速的生成html標(biāo)簽

Color Info：顏色提示插件，只需要將鼠標(biāo)放在顏色值上懸停，就可以預(yù)覽色塊中色彩模型的（HEX、 RGB、HSL 和 CMYK）相關(guān)信息啦。

JS-CSS-HTML Formatter：代碼格式化了解一下

jQuery Code Snippets?：jQuery自動(dòng)提示

Path Autocomplete?：路徑自動(dòng)補(bǔ)齊

Html Snippets：H5代碼片段和提示

Html Css Support?：在標(biāo)簽新增class的時(shí)候會(huì)提示之前寫(xiě)過(guò)的class

vscode-icon：給項(xiàng)目文件夾前邊加上icon圖標(biāo)

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