我们在使用Eslint检查自己的代码的时候会遇到很多问题,特别是我们直接使用‘格式化代码功能的时候’,我们写的代码只有符合Eslint规则的代码才能让项目在控制台不报错。

格式化工具和Eslint直接产生冲突的解决方法

解决方法是在项目的根目录中创建一个专门的配置文件,告诉编辑器在格式化代码的时候如何进行相关的代码格式化。
首先是在项目的根目录中创建一个格式化文件时候的配置项就行了,这个文件就叫.prettierrc
图片说明
它是一个JSON格式的配置文件,在里面我们可以写一些格式化的配置项。
比如我们想让格式化工具进行格式化的时候不加分号,那么我们就可以设置:

"semi":false

这样在格式化代码的时候就不会给你的代码额外加分号了
还有如果我们想用单引号这种格式化工具而不是默认的双引号的时候我们可以设置配置项:

"singleQuote:true"

解决一些我们不想要的Eslint规则

我们可以通过修改Eslint的语法规则来修改或者删除一些我们不想要的Eslint规则
方法就是复制报错的语法规则,在.eslintrc.js文件中的rules中修改对应的配置
图片说明
比如我们不想要space-before-function-paren这个语法规则(这个语法规则是让我们必须在函数括号前面加一个空格)

'space-before-function-paren':0

这样设置以后这个语法规则就禁用了,以后就不会报这个语法规则验证错误了