最近在打包项目的时候,出现了一堆错误:这些错误本来是可以避免的。我卸载并重新安装了编辑器,但忘记设置了。真是骗自己o(╥﹏╥)o我们在项目中使用了ESLint校验,有大量的规则,ESLint的官方规则文档,我们可以自定义规则设置,但是在设置规则的时候,值必须设置为以下值之一:"off"或0:停止使用此规则"warn"或1:启用规则,当规则不满足时发出警告,不会导致程序退出"error"或2:启用规则,不满足规则时报错,导致程序退出1.'Expectedindentationof2spacesbutfound4'expectedtwospacesforindentationbutfound4spaces。默认情况下,eslint不识别制表符。如果习惯使用tab键打空格,就会出现这个问题。在eslint配置文件.eslintrc.js中做如下配置:module.exports={rules:{......'no-tabs':'off'//disabletabindentation}}也可以编辑的缩进编辑器已设置。我用的是vscode,打开管理->设置->搜索标签大小然后修改保存。注意:如果修改了eslint配置文件,必须手动重新编译运行。2.'Trailingspacesnotallowed'这是行尾多余的空格,删掉就行了3.''XXX'isassignedavaluebutneverused'声明的变量没有被使用4.'字符串必须使用单引号'把double中的引号改为单引号即可5.'Extrasemicolon'行尾多了一个分号,(eslint默认配置不使用分号)6.'意外尾随逗号'有行末尾的额外逗号7.'Unexpectedtemplatestringexpression'使用了不必要的模板字符串表达式8.'"XXX"永远不会重新分配。Use'const''使用let声明的变量,然后不重新赋值,改用const9.'Expectedspace(s)after"if"','Missingspacebeforefunctionparentheses','Missingspacebeforeopeningbrace','Expectedspaceortabafter'//'incomment'Thesearemissingspaces10.'Unexpectedsideeffectin"submitParams"computedproperty'这个错误是因为我在计算属性中分配了其他属性值,换成手表就好了。应该是计算属性只进行简单的操作,直接改变属性值并不容易。11.'Identifier'col_names'isnotincamelcase'12.'Unnecessaryuseofconditionalexpressionfordefaultassignment'这是因为值的初始化使用了三元表达式13.'右花括号没有出现在同一行由于后续块的花括号与后续代码块不在同一行,比如if...else...语句,else语句包裹了我们上面的问题可以选择手动修复,也可以通过配置自动错误修复功能来启动eslint。打开vscode管理->设置->搜索eslint并勾选。如果提示不推荐这个设置,可以使用management->settings,然后在setting.json中使用editor.codeActionsOnSave代替:这样就开启了自动修复功能,可以打开错误页面,并且可以进行保存操作,无需手动一一更改。附上一些规则配置说明:"no-alert":0,//禁止使用alert确认提示"no-console":2,//禁止使用console"no-debugger":2,//禁止调试器的使用"for-direction":2,//禁止无限循环"no-multi-spaces":1,//不能有多余的空格"no-var":0,//禁用var,使用letandconstinsteadof"no-redeclare":2,//禁止重复声明变量"camelcase":2,//要求驼峰命名法"no-dupe-args":2,//禁止函数或表达式中的参数重复"no-extra-semi":2,//禁止使用不必要的分号"require-await":2,//禁止使用不带await表达式的async函数像console、debugger在生产环境中很常用,还有很多官网上有详细的说明,大家可以自行查看。
