## 一、預備環境 確保安裝nodejs；[nodejs安裝](../../../%E5%89%8D%E7%AB%AF%E6%8A%80%E6%9C%AF/Node.js/%E5%AE%89%E8%A3%85.md) 確保安裝vue-cli；[vueCli安裝](../../../%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/vueCli/%E5%AE%89%E8%A3%85.md) 確保安裝webpack；[webpack安裝](../../../%E5%89%8D%E7%AB%AF%E6%8A%80%E6%9C%AF/%E6%9E%84%E5%BB%BA%E5%B7%A5%E5%85%B7/webpack/%E5%AE%89%E8%A3%85%E9%85%8D%E7%BD%AE.md) 確保安裝ESLint；[ESLint安裝](../../../%E5%89%8D%E7%AB%AF%E6%8A%80%E6%9C%AF/%E5%BC%80%E5%8F%91%E6%B5%8B%E8%AF%95/ESLint.md) 確保安裝git：[安裝git](../../git.md) ## 二、安裝 下載：VSCode-win32-x64-1.52.1.zip 解壓到目錄：  創建一個workspace目錄：  打開：Code.exe  ## 三、插件安裝 1、安裝vue插件vetur，實現支持vue文件的代碼高亮 ctrl+Shift+X?在商店中查找?vetur；  設置：   ``` "emmet.syntaxProfiles": { "vue-html": "html", "vue": "html" }, "vetur.validation.template": true, ``` 效果：  2、安裝ESLint?插件  設置，在上面配置vetur下面增加配置項：  ``` "eslint.validate": [ "javascript", "javascriptreact", "html", "vue" ], "eslint.options": { "plugins": [ "html" ] }, ``` 效果： 你完成了如上所有的配置以后，當你`command+s（ctrl+s）`點擊保存的時候，eslint就會幫你自動格式化以符合eslint的主配置文件`.eslintrc.js`文件中的規則； 未啟用ESLint前：  啟用ESLint后：