## 一、预备环境 确保安装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后：