美文网首页
VUE如何关闭Eslint 的方法

VUE如何关闭Eslint 的方法

作者: zoomlaCMS | 来源:发表于2020-03-04 22:41 被阅读0次

    最近在家里面创建vue项目的时候,手一抖把Use ESLint to lint your code?(Y/N) 选择了Y,然后到写代码的时候,虽然说是浏览器完全能运行结果,但是在cmd就是一直报错。强迫症没有办法。所以大家安装的时候最好选择N.


    20180826153240810.png

    原理:
    你启用了eslint,它会严格检查你的书写规范,比如空格换行它都会算作错误。
    用其他语言写,比如java你定义了一个没有用的变量编译器也会给你那行定义代码出现警告下划线的。

    若代码无书写错误
    报错原因: 该项目安装了eslint规范,ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具,它的目标是保证代码的一致性和避免错误。在许多方面,它和 JSLint、JSHint 相似。


    111.png

    解决方法

    解决方法1:

    在package.json文件内加入如下代码:

    "rules": {
        "generator-star-spacing": "off",
        "no-tabs":"off",
        "no-unused-vars":"off",
        "no-console":"off",
        "no-irregular-whitespace":"off",
        "no-debugger": "off"
    },
    
    

    如图所示:


    2.png

    实际代码段可能是【20200304实验可行】:

      "eslintConfig": {
        "root": true,
        "env": {
          "node": true
        },
        "extends": [
          "plugin:vue/essential",
          "eslint:recommended"
        ],
        "rules": {
          "no-unused-vars": 0,
          "no-unreachable": 0,
          "vue/no-unused-components": 0,
          "no-irregular-whitespace": 0
        },
        "parserOptions": {
          "parser": "babel-eslint"
        }
      },
      "browserslist": [
        "> 1%",
        "last 2 versions"
      ]
    }
    
    

    解决方法2:

    在安装项目的时候不安装ESLint:

    Use ESLint to lint your code? NO
    
    

    相关文章

      网友评论

          本文标题:VUE如何关闭Eslint 的方法

          本文链接:https://www.haomeiwen.com/subject/pacpkhtx.html