ESLint 和 Prettier 的校验规则有冲突时怎么解决

最新推荐文章于 2024-07-01 12:27:29 发布

--- ---

最新推荐文章于 2024-07-01 12:27:29 发布

阅读量507

点赞数 1

分类专栏： eslint pretter vue 文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/weixin_43040026/article/details/127655746

版权

前言：

eslint为代码质量检查工具
prettier为代码风格的约束工具(如：单引号、双引号之类的)
那么当两者规则不一致导致了冲突(用其中一种来格式化代码，另一种就会报错)，这时候要怎么解决?

解决方案：

安装依赖

npm i eslint-config-prettier -D //当eslint和prettier规则冲突时，使用prettier规则
npm i eslint-plugin-prettier -D// 把prettier作为ESLint的规则来使用，当代码不符合 Prettier的标准时，会报一个ESLint错误，同时也可以通过 eslint --fix 来进行格式化