请问这个webstorm报错是什么原因呢？

Question

如下图，每个页面都是这样的红色波浪线。点了以后是这样提示的、语法有问题吗？

Answer 1

提示的就是Eslint修复当前文件，其实开发中还是建议保留eslint，因为可以养成一个编码习惯，当风格有一定形成后，在没有eslint情况下，也会有一套很好的编码风格。当然在刚开始用的时候会很不习惯，文件中全是红色提示警告，在项目开发时间充裕的情况，建议修改好编码规范，时间不允许可以直接关掉。

关闭eslint，直接注释掉package.json文件中eslint的配置就可以了（以下是vue-cli的默认配置）

  "eslintConfig": {
     "root": true,////此项是用来告诉eslint找当前配置文件不能往父级查找
     "env": {
       "node": true//此项指定环境的全局变量，下面的配置指定为node环境
     },
     "extends": [// 此项是用来配置vue.js风格，就是说写代码的时候要规范的写，如果你使用vs-code我觉得应该可以避免出错
       "plugin:vue/essential",
       "@vue/standard"
     ],
     "rules": {//规则配置写在这里
       "indent": [1, 4]
     },
     "parserOptions": {
       "parser": "babel-eslint"//此项是用来指定eslint解析器的，解析器必须符合规则，babel-eslint解析器是对babel解析器的包装使其与ESLint解析
     }
   },

或者vue.config.js中将以下三项设置为false

    devServer: {
        overlay: {
            warnings: false,
            errors: false
        },
      
    }

  lintOnSave: false

Answer 2

eslint提示，检查语法的规范，不想要的话在创建项目的时候直接不安装就好了，或者在配置里把有关eslint的配置去掉

Answer 3

解决方法： 
webstorm的file –> settings –> Language & Frameworrks –> Javascript –> Code Quality Tools –> 分别打开 jsLint 、jsHint Closure Linter、sex doll JSCS、ESLint，把他们的 Enable 属性都取消，点击右下角‘Apply’，‘OK’ 即可。 

Answer 4

我的解决办法：