Vue初始化项目时如果不小心安装了js 语法检测 功能,撸码时一个空格不对就会各种报错

VScode开发Vue项目,关闭eslint代码检查,以及相关配置

 个人感觉这个语法检测功能很有点过于严格,用起来十分难受,所以果断关闭eslint,找到webpack.base.conf.js注释下面代码

VScode开发Vue项目,关闭eslint代码检查,以及相关配置

然后在扩展中安装Vetur和ESLint

VScode开发Vue项目,关闭eslint代码检查,以及相关配置

完成后发现, 运行项目虽然不报错了,但是ctrl+s保存的时候还是会代码还是报红,如下

VScode开发Vue项目,关闭eslint代码检查,以及相关配置

文件》首选项》设置 配置如下代码

{
    "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了

 

相关文章:

  • 2021-10-30
  • 2021-11-06
  • 2021-06-08
  • 2022-12-23
  • 2021-10-27
  • 2021-05-29
  • 2021-10-30
  • 2021-04-03
猜你喜欢
  • 2021-12-23
  • 2022-12-23
  • 2021-11-18
  • 2021-06-03
相关资源
相似解决方案