解决eslint 和 prettier 冲突问题

解决eslint 和 prettier 冲突问题
我这边遇到的最多的问题有这三个：

1、prettier 会默认把 单引号变成双引号，然后eslint校验报错

2、js 每行代码后面会加一个 分号，然后eslint校验报错

3、函数结束之后会加一个逗号，然后eslint校验报错

这样的话有两种解决方式，第一个改eslint，让它的校验改成双引号，支持分号

第二种，改prettier，让它符合eslint的校验方式

毫无疑问，我们选择第二种，毕竟我们是用eslint来校验，如果你把它规则都改了，它校验也就失去了意义！
————————————————
版权声明：本文为CSDN博主「fighting小路」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/fightingLKP/article/details/126695679

module.exports = {
  printWidth: 100,
  tabWidth: 2, // 超过最大值换行
  semi: false, // 结尾不用分号
  singleQuote: true, // 使用单引号
  disableLanguages: ['vue'], // 不格式化vue文件，vue文件的格式化单独设置
  htmlWhitespaceSensitivity: 'ignore',
  trailingComma: 'none' // 函数后面不加逗号，如果不写这一个，在methods 最后一个函数也会加逗号，eslint会报错，多了一个逗号
}

.prettierrc.js

prettier配置有很多种方式，比如

（1）.prettierrc 文件

（2）prettier.config.js 文件

（3）package.json 中配置prettier属性