Prettier 和 ESLint 冲突解决方案 eslint-config-prettier eslint-plugin-prettier

1|0划重点

eslint-config-prettier 禁用 eslint 冲突配置
eslint-plugin-prettier Prettier先格式化（默认是先eslint格式化，再Prettier格式化）

2|0如何解决Prettier与ESLint的配置冲突问题？

在代码格式化时采用Perttier规则，而我们代码校验使用的是ESLint，如果同一个规则配置不一致，往往就会出现冲突问题；

比如：字符串单、双引号的配置，eslint fix后把字符串变成单引号，再次编辑文件后，保存（Prettier）自动格式化后却又变成双引号，导致代码校验异常。

解决方式一：要么修改 eslintrc，要么修改 prettierrc 配置，让它们配置保持一致；

解决方式二：禁用 ESLint中和Prettier配置有冲突的规则；再使用 Prettier 来替代 ESLint 的格式化功能；
安装eslint-config-prettier插件配置集，把其配置到eslintrc规则的尾部。执行ESLint命令，会禁用那些和Prettier配置有冲突的规则。
安装eslint-plugin-prettier插件，先使用Prettier对代码进行格式化，再并对不一致的地方进行标记；
这两个包配合使用，可以达到运行 eslint --fix 时，采用Prettier的配置规则来格式化文件。

具体配置及使用方式，请自行查阅探索；

3|0资料

【总结】1265- 理解 ESLint、Prettier、EditorConfig 代码规范
https://mp.weixin.qq.com/s/OlMMNAYHqRkjKmnLBYdEDg

__EOF__

本文作者：Reciter
本文链接：https://www.cnblogs.com/pengchenggang/p/16033168.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！