Vue初始化项目时如果不小心安装了js 语法检测 功能,撸码时一个空格不对就会各种报错
个人感觉这个语法检测功能很有点过于严格,用起来十分难受,所以果断关闭eslint,找到webpack.base.conf.js注释下面代码
然后在扩展中安装Vetur和ESLint
完成后发现, 运行项目虽然不报错了,但是ctrl+s保存的时候还是会代码还是报红,如下
文件》首选项》设置 配置如下代码
{
"explorer.confirmDelete": false,
"vetur.validation.template": false,
"eslint.autoFixOnSave": true,
"files.autoSave":"off",
"eslint.validate": [
"javascript",
"javascriptreact",
"html",
{ "language": "vue", "autoFix": true }
],
"eslint.options": {
"plugins": ["html"]
},
//为了符合eslint的两个空格间隔原则
"editor.tabSize": 2
}
重新加载项目就OK了