vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > Vue-cli3的eslint问题

关于Vue-cli3烦人的eslint问题

作者:白日有梦

这篇文章主要介绍了关于Vue-cli3烦人的eslint问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

Vue-cli3烦人的eslint

在vue-cli选择生成的时候,有一个询问是否把插件配置文件写在package.json文件里

- 如果选择了是

打开package.json 就会有以下一段代码

"eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "@vue/prettier"  // 删掉这行
    ],
    "rules": {},
    "parserOptions": {
      "parser": "babel-eslint"
    }
  },

- 如果选择了否

此时根目录下会生成 .eslintrc.js 文件

module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: ["plugin:vue/essential","@vue/prettier"], // 删掉 "@vue/prettier"
  rules: {
    "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off"
  },
  parserOptions: {
    parser: "babel-eslint",
  }
};

之后重启就可以了 npm run serve

Vue-cli3的eslint报错

今天用vue-cli3搭建项目,写了几个页面,去编译的时候eslint都会抛出错误

原因就是在项目搭建的时候选择的是standard(正常模式)所以每次启动项目的之后都会对代码进行检查,是否符合Eslint规范。

解决方法

想要关闭Eslint语法检查只要在.eslintrc.js文件中找到’@vue/standard’配置将其注释或者删除即可。

总结:ESLint 是一个语法规则和代码风格的检查工具,用来保证写出语法正确、风格统一的代码,这个比较适合团队开发和对代码已经轻车熟路的大神使用,我现在还不行。最后我认为大家还有我都会成为一个不惧怕Eslint的大神的

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文