关于Vue-cli3烦人的eslint问题_vue.js_

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

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

提示： 本文由神整理自网络，如有侵权请联系本站删除！
本站声明：
1、本站所有资源均来源于互联网，不保证100%完整、不提供任何技术支持；
2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途；否则由此产生的法律后果，本站概不负责！