1.vscode 安装插件
![](https://img.haomeiwen.com/i2604232/98be0dab095c28a0.png)
![](https://img.haomeiwen.com/i2604232/1dce8607e3cf50dc.png)
2.vue-cli初始化一个新项目
执行命令 vue init webpack +项目名称 (ESLint 一定要记得开。。。,项目中一定要有.eslintrc.js 文件,不然ESLint无法校验,
很久之前的项目忘记了自己把ESLint关掉了,浪费了一下午的时间。。被自己蠢哭了!!!)
![](https://img.haomeiwen.com/i2604232/cc7399f462b03b52.png)
3.项目配置
输出抛错
![](https://img.haomeiwen.com/i2604232/36552e56c9b21b6d.png)
1.执行 npm install eslint-plugin-html -save-dev 命令
2.文件=>首选项=>设置=>用户设置 里配置
"files.autoSave":"off",
"eslint.validate": [
"javascript",
"javascriptreact",
"html",
{ "language": "vue", "autoFix": true }
],
"eslint.options": {
"plugins": ["html"]
},
"vetur.validation.template": false,
3.运行项目 npm run dev
eslint 校验就可以了
网友评论