配置eslintrc遇到问题解决思路心得

前言： 

万能方法，就是在报错的JS文件中第一行写上 
/* eslint-disable */
哈哈，给懒人的建议

查询eslint规则指南：https://cloud.tencent.com/developer/doc/1078

解决问题方法：

1、简单的，遇到如下图所示问题

前面一块为报错或警告描述，后一块为导致报错的规则，可在.eslintrc文件中找出该规则并重新配置，配置规则对照指南，如果在.eslintrc中找不到对应的错误，查看文件是否配置了extends，如下图，如有配置，则可在rules中重写该规则，值设置为0即可。

 

2、额外遇到问题，没有出错规则提示：

    1、error  Parsing error: Unexpected token =

    2、Parsing error: Unexpected character '@'

     在.eslintrc文件种配置"parser": "babel-eslint",需安装babel-eslint

另外：

一、rules:{"eol-last": [2,"always"]}

如上，rules规则键为规则名，值为规则，第一个参数为级别：0(忽略)/1(警告)/2(错误)，第二个参数为处理方式。仅当第一个参数为1或者2时，第二个参数生效。

二、eslintrc与editorConfig配合使用

注意：

editorConfig的配置会在手动格式化后(如缩进)/保存文件时(如：insert_final_newline = true，会在保存时在最后加一行空行)生效

eslintrc配置 在编写代码的过程中生效，在编辑器中随时提醒或报错，在命令行运行eslint **/* --fix后，进行自动修复。

某些地方，editorConfig配置可能会与eslintrc配置冲突，如缩进格式editorConfig配置为：indent_size = 4，eslintrc配置为：

"indent": [2,2]，则执行eslint **/* --fix后，会将缩进变为2个字符，而不是4个。因此，在这个缩进的配置上面需要尤其注意

类似的还有：

#换行符lf

editorConfig: end_of_line = crlf   配   eslintrc: "linebreak-style": [1,"windows"];

editorConfig: end_of_line = lf   配   eslintrc: "linebreak-style": [1,"unix"]

最后：哇咔咔

 editorConfig其实相对可配置的项目比较少，注重代码缩进等格式问题，但eslint其实也已经基本包含其规则了，还推荐用editorConfig的原因是：

1、可以在写代码的过程中，随时手动格式化好看点，不用每次运行命令npm run lint(此处需自己配置package.json文件)，而只在提交代码前运行一次npm run lint就可以

2、.editorConfig文件可以检验不同的文件的代码风格，如.py/.md等，.eslintrc专门针对前端的js等文件

以上，如有不当之处，敬请指出，欢迎交流！

---

补充eslint中文官网：https://cn.eslint.org