eslint搭配prettier使用步骤

Prettier格式化工具配置

eslint搭配prettier使用步骤
1、首先安装插件eslint-config-prettier和eslint-plugin-prettier；

pnpm install -D eslint-plugin-prettier prettier eslint-config-prettier

2、其次配置.eslintrc.json文件,extends: [“plugin:prettier/recommended”],如果有其他扩展，则"plugin:prettier/recommended"放在最后
3、新增.prettierrc文件，可以新增规则，对.eslintrc.json的rules进行覆盖。
这里的执行逻辑顺序是：eslint会首先读extends的规则，这个时候遇到了最后配置的plugin:prettier/recommended，而这个插件又会先读本地配置的.prettierrc文件再读取prettier自己内部设置的配置，最后读.eslintrc.json的rules配置。所以.eslintrc.json的rules优先级最高，可以覆盖.prettierrc的部分配置。
优先级：本地.eslintrc.json的rules > 本地.prettierrc>prettier内部配置>extends其他配置>eslintrc内部默认配置

prettier配置完成后，再通过eslint插件对文件进行格式化，如下图已经能够正常格式化了。由此可知，对eslint进行扩展之后，prettier能够对js代码做的事，eslint也能，只要你制定好规则以及对应的处理
参考原文链接：https://blog.csdn.net/weixin_43664308/article/details/128717523