vue cli3关闭eslint,vue项目去掉eslint

　　本文主要介绍了如何摆脱vue的严格开发，在安装vue-cli时摆脱eslint或者修改配置模式，有很好的参考价值。希望对大家有帮助。如有错误或不足之处，请不吝赐教。

直接上问题

　　当我运行vue项目：npm run dev时，出现以下问题，警告并报告错误。(如下图所示)

问题原因

　　用vue-cli构建项目时，安装了eslint，选择了Y，很痛苦。不能使用Tab键，必须用两个空格替换。Sublime可以选择tab键自动转换成空格键。或者不要安装eslint。

解决办法

　　删除build/webpack.base.conf.js中的eslint匹配验证就行了，都是eslint检查语法的。删除后，重新启动项目以解决那些严格的限制。(如下图所示)

　　然后重启，不会有任何警告。

　　注意：如果初始化时选择了严格模式，该怎么办？只需修改如下！

　　将config/index.js中的dev属性useEslint直接设置为false。

vue-cli关闭eslint及配置eslint

　　有了eslint的验证，规范开发者的代码就好了。但是，一些规范如缩进、空格、空行等。开发过程中不断报错，有点烦。

　　我们可以在创建项目时选择不安装eslint。就是在安装项目的时候，出现【用ESLint来Lint你的代码？】选择【否】。

　　如果您已经安装了它，我们可以直接将其关闭。

关闭eslint的方法

　　1.项目根目录-build-webpack.base.conf.js注释掉以下代码

　　2.重新启动编辑器，然后运行npm run dev。

　　就像关闭eslint验证一样简单，但是eslint可以帮助规范代码风格，有效控制代码质量，在多人合作的情况下，让代码看起来更干净。所以在开发过程中，建议保留eslint的验证，养成良好的编码习惯。然后我们就可以根据我们项目的需要来配置eslint了。

配置eslint的方法

　　1.打开eslintrc.js文件，这是eslint的配置文件。

　　2.根据需要添加规则

　　Xx通用配置

　　规则：{

　　“no-console”:process . ENV . node _ ENV=== production ？错误: off ，//开发期间允许控制台

　　无调试器:process . ENV . node _ ENV=== production ？错误: off ，//开发期间允许调试器

　　//下面是这个项目的自定义部分

　　Indent: [2，4]，//Indent style-打开缩进4格。

　　 No-spaced-func: 2，//当调用函数时，函数名和()之间不能有空格

　　 No-const-assign: 2，//禁止修改const-on声明的变量

　　space-before-function-paren :[0， always]，//当函数被定义-close时，括号前应该有一个空格

　　 Eol-last: 0，//文件以一个换行符结尾

　　 Camelcase: 0，//strong制驼峰命名关闭

　　“no-undef”:0，//不能有未定义的变量-close

　　 No-alert: 0，//禁止使用警告确认提示关闭。

　　 Arrow-parens: 0，//箭头函数用括号括起来-close

　　规则：{

　　规则名称:[规则值，规则配置]

　　}

　　 Off 或0 //关闭规则来关闭。

　　“Warn”或1 //作为警告(不影响退出代码)

　　“错误”或2 //将规则视为错误(触发退出代码时为1)

　　有三种规则值：0=关闭，1=警告，2=错误。

　　规则的含义：

　　“关”或0-关闭(禁用)规则“警告”或1-将规则视为警告(不会导致检查失败)“错误”或2-将规则视为错误(退出代码为1，检查失败)常用规则：

　　可能的错误或逻辑错误no-cond-assign禁止条件表达式中的模糊赋值运算符no-console禁用consoleno-constant-condition禁止在条件中使用常量表达式no-debugger禁用调试器No-duplicate-函数定义中的关键字No-duplicate-keys No-duplicate-catch in object literal No-empty No-empty No-ex-assign No-extra-Boolean-Cast禁止不必要的布尔转换No-extra-parens No-extra-semi No-分号no-func-assign no-inner声明No-变量声明或函数声明无关no-obj-calls禁止调用全局对象作为函数。no-sparse-arrays禁止稀疏数组。无原型构建禁止直接使用Object.prototypes的内置属性。no-unreachable禁止在return、throw、continue和break语句后出现不可达的代码。use-isNaN要求isNaN()检查无效的typeof，强制typeof表达式与有效字符串进行比较。规则列表：

　　 No-alert: 0，//禁止使用警报确认提示。

　　“No-array-constructor”:禁止使用2，//数组构造函数。

　　“No-bitwise”:禁止使用0，//位运算符。

　　 No-caller: 1，//arguments.caller或arguments.callee是禁止的。

　　 No-catch-shadow: 2，//catch子句的参数禁止与外部作用域变量同名。

　　 No-class-assign: 2，//禁止给类赋值

　　 No-cond-assign: 2，//禁止在条件表达式中使用赋值语句。

　　 No-console: 2，//控制台被禁止。

　　 No-const-assign: 2，//禁止修改由const声明的变量

　　 No-constant-condition: 2，//禁止在条件中使用常量表达式if(true) if(1)。

　　 No-continue: 0，//禁止继续。

　　 No-control-regex: 2，//禁止在正则表达式中使用控制字符

　　 No-debugger: 2，//禁止调试器。

　　 No-delete-var: 2，//不能对var声明的变量使用delete运算符。

　　 No-div-regex: 1，//不能使用类似division /=foo/的正则表达式

　　 No-dupe-keys: 2，//创建对象文本{a:1，a:1}时不允许重复的键

　　 No-dupe-args: 2，//函数参数不能重复

　　“no-duplicate-case”:2，//开关中的case标签不能重复。

　　 No-else-return: 2，//如果if语句中有返回，则后面不能跟else语句。

　　 No-empty: 2，block语句中的内容不能为空。

　　 No-empty-character-class: 2，//正则表达式中的[]内容不能为空。

　　 No-empty-label: 2，//禁止使用空标签

　　 No-eq-null: 2，//禁止对null使用==或！=运算符

　　 No-eval: 1，//禁止eval。

　　 No-ex-assign: 2，//禁止给catch语句中的异常参数赋值。

　　 No-extend-native: 2，//禁止扩展本机对象

　　 No-extra-bind: 2，//禁止不必要的函数绑定。

　　 No-extra-boolean-cast: 2，//禁止不必要的布尔转换

　　 No-extra-parens: 2，//禁止不必要的括号

　　 No-extra-semi: 2，//没有多余的冒号

　　 No-fallthrough: 1，//禁止开关穿透

　　 No-floating-decimal: 2，//浮点数中禁止省略0 .5 3。

　　 No-func-assign: 2，//禁止重复函数声明

　　 no-Implicit-compression :1，//禁止隐式转换

　　 No-implied-eval: 2，//禁止隐式eval

　　 No-inline-comments: 0，//禁止行内注释

　　block语句中禁止使用No-inner-declarations: [2， functions]，//声明(变量或函数)。

　　 No-invalid-regexp: 2，//禁止无效的正则表达式

　　 No-invalid-this: 2，//Invalid这是禁止的，只能在构造函数、类和对象文本中使用。

　　 no-regular-white space :2，//不能有不规则空格

　　“no-iterator”:2，//禁止__iterator__属性。

　　 No-label-var: 2，//标签名不能与var声明的变量名相同

　　 No-labels: 2，//禁止标签声明

　　 No-lone-blocks: 2，//禁止不必要的嵌套块

　　 No-lonely-if: 2，else语句中禁止使用Only if语句。

　　 No-loop-func: 1，//禁止在循环中使用函数(如果不引用外部变量，就不能形成闭包)

　　No-mixed-requires: [0，false]，//声明时不能混合声明类型。

　　一致-这个:[2，那个]，//这个别名

　　“constructor-super”:0，//非派生类不能调用super，派生类必须调用super。

　　Curly: [2， all]，//在if(){}中必须使用{}

　　 Default-case: 2，//switch语句结尾必须有Default

　　 Dot-location: 0，//对象访问器的位置，在换行时位于行首或行尾。

　　点符号:[0，{allowkeywords: true}]，//避免不必要的方括号

　　 Eol-last: 0，//文件以一个换行符结束。

　　 EQEQEQEQ: 2，//您必须使用同余

　　“func-names”:0，//函数表达式必须有名称

　　Func-style: [0， declaration]，//函数样式，规定只能使用函数声明/函数表达式。

　　 Generator-star-spacing: 0，在//generator函数*前后的空格

　　 Guard-for-in: 0，//for-in循环将由if语句筛选。

　　“handle-callback-err”:0，//Nodejs处理错误

　　 Id-length: 0，//变数名称长度

　　Indent: [2，4]，//缩进样式

　　“Init-declarations”:声明时必须给定0，//初始值。

　　Key-spacing: [0，{beforecolon: false， aftercolon: true}]，//对象的文字量中冒号前后的空格

　　 Lines-around-comment: 0，//行前/行后的注释

　　Max-depth: [0，4]，//嵌套块深度

　　Max-len: [0，80，4]，//字符串的最大长度

　　Max-nested-callbacks: [0，2]，//回调嵌套深度

　　Max-params: [0，3]，//函数最多只能有3个参数。

　　Max-statements: [0，10]，//函数中最多有几个语句。

　　 New-cap: 2，//函数名的第一个大写行必须用New方法调用，第一个小写行必须不用new方法调用。

　　 New-parens: 2，当//new时必须添加括号

　　 Newline-after-var: 2，//变量声明后需要空行吗？

　　Object-curly-spacing: [0， never]，//大括号中是否允许不必要的空格？

　　 object-shorted :0，//strong制对象文本的缩写语法

　　 One-var: 1，//连续声明

　　Operator-assignment: [0， always]，//赋值operator=-=something

　　Operator-linebreak: [2， after]，//换行时运算符是在行尾还是行首？

　　 Padded-blocks: 0，//是否希望block语句中的第一行末尾有一个空行？

　　 prefere-Const :0，//Const是首选的

　　 prefere-spread :0，//扩展操作是首选的。

　　 prefere-Reflect :0，//反射的方法是首选的。

　　引号:[1， single]，//引号类型`````

　　Quote-props:[2， always]，//对象字面量中的属性名是否强制加双引号？

　　 Radix: 2，//parseInt必须指定第二个参数

　　“id-match”:0，//命名检测

　　“require-yield”:0，//生成器函数必须具有yield

　　Semi: [2， always]，//语句强制分号结束。

　　半间距:[0，{before: false， after: true}]，//分号前后的空格

　　 Sort-vars: 0，//在声明变量时对它们进行排序

　　关键字后有空格:[0，总是]，//关键字后是否要有空格？

　　blocks前的空格:[0， always]，//不以新行开始的块{前面是否要有空格？

　　space-before-function-paren :[0， always]，//定义函数时，括号前是否要有一个空格？

　　Space-in-parens: [0， never]，//括号中是否需要空格？

　　 Space-infix-ops: 0，//中缀运算符周围有空格吗？

　　 Space-return-throw-case: 2，要在//return throw case后面加一个空格吗？

　　Space-unary-ops: [0，{words: true， non words: false}]，//是否要在一元运算符的前后添加一个空格？

　　 Spaced-comment: 0，//在注释样式中需要空格还是其他什么？

　　 Strict: 2，//使用严格模式

　　 Use-isNaN: 2，//禁止在比较中使用NaN，只能使用isNaN()

　　 Valid-jsdoc: 0，//jsdoc规则

　　“valid-typeof”:2，//必须使用type of的有效值。

　　 Vars-on-top: 2，//var必须放在作用域的顶部

　　wrap-life :[2， inside]，//立即执行函数表达式的括号样式

　　“Wrap-regex”:正则表达式的0，//文本用括号括起来。

　　Yoda: [2， never]//禁止Yoda条件。

vuex自动修复的方法

　　在package.json中的lint命令后面加上-fix ，终端就可以执行npm运行lint了。

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

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。

目录