用 ESLint 和 Prettier 写出高质量代码
当然你的代码本身不能是无意义的
ESLint可以检测出你代码中潜在的问题,比如使用了某个变量却忘记
了定义,而 Prettier作为代码格式化工具,能够统一你或者你的团队
的代码风格。
本文不会介绍这两种工具单独的使用方法,因为相关网络资料已经足
够多了。这里我介绍一下怎么同时使用它们。
在 ESLint 中使用 eslint-plugin-prettier
为什么使用这种方法: 希望格式化结果完全符合 Prettier 的要求。
相关依赖:
yarn add prettier eslint-config-prettier eslint-plugin-prettier
--dev
eslint-plugin-prettier的工作原理是,对比格式化前和用 Prettier
格式化后的代码,有不一致的地方就会报错,然后你可以手动运行 esl
int --fix来修复。
不过 Prettier 的格式化很可能和你使用的 ESLint 配置冲突,比如你
的 ESLint 设定的不使用分号,而 Prettier 默认使用分号,这时候你
需要配置 Prettier 让它不使用分号。反之如果你想使用 Prettier 的规