Vue-cli3的eslint问题

时间:2022-09-29 白日有梦人气:0

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的大神的

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

加载全部内容