VSCode（Visual Studio Code）是由微軟研發(fā)的一款免費(fèi)、開(kāi)源的跨平臺(tái)文本（代碼）編輯器，算是目前前端開(kāi)發(fā)幾乎完美的軟件開(kāi)發(fā)工具。

1.VSCode下載

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

2.VSCode漢化

3.VSCode常用插件(安裝步驟同漢化)

 3.1 Auto Close Tag (自動(dòng)閉合html/XML標(biāo)簽)

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

 3.3 Beautify (格式化 html ,js,css)

 3.4 Bracket Pair Colorizer(給括號(hào)加上不同的顏色，便于區(qū)分不同的區(qū)塊)

 3.5 Debugger for Chrome(映射vscode上的斷點(diǎn)到chrome上，方便調(diào)試)

 3.6 ESLint(js語(yǔ)法糾錯(cuò)，可以自定義配置)

 3.7 GitLens(方便查看git日志)

 3.8 HTML CSS Support (智能提示CSS類(lèi)名以及id)

 3.9 HTML Snippets(智能提示HTML標(biāo)簽，以及標(biāo)簽含義)

 3.10 JAVAScript(ES6) code snippets(ES6語(yǔ)法智能提示，以及快速輸入)

 3.11 jQuery Code Snippets(jQuery代碼智能提示)

 3.12 Markdown Preview Enhanced(實(shí)時(shí)預(yù)覽markdown)

 3.13 markdownlint(markdown語(yǔ)法糾錯(cuò))

 3.14 Material Icon Theme(vscode圖標(biāo)主題)

 3.15 Icon fonts(圖標(biāo)字體)

 3.16 open in browser(右鍵快速在瀏覽器中打開(kāi)html文件)

 3.17 Path Intellisense(自動(dòng)提示文件路徑)

 3.18 React/Redux/react-router Snippets(React/Redux/react-router語(yǔ)法智能提示)

 3.19 Vetur(Vue多功能集成插件，錯(cuò)誤提示等)

 3.20 Class autocomplete for HTML(智能提示HTML class =“”屬性)

 3.21 npm Intellisense(require 時(shí)的包提示)

4.VSCode快捷鍵

 4.1 左側(cè)是按鍵，右側(cè)是功能(下同)

 4.2 基礎(chǔ)編輯

 4.3 導(dǎo)航

 4.4 搜索和替換

 4.5 多光標(biāo)和選擇

 4.6 語(yǔ)言編輯

 4.7 編輯器管理

 4.8 文件管理

 4.9 顯示

 4.10 調(diào)試

 4.11 集成終端