ESLint和prettier冲突

最新推荐文章于 2025-09-06 15:02:55 发布

原创最新推荐文章于 2025-09-06 15:02:55 发布 · 529 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#前端

本文讲述了作者在处理基础代码报错时，通过yarnrunlint和eslint校验发现大部分错误来自prettier。问题源于本地保存时eslint和prettier的格式不一致。

问题描述
1. 即使最简单的基础代码，也会出现红色报错
解决方案
1. 查了很久，没找到，最后通过yarn run lint 运行eslint校验，仔细检查，发现错误基本是prettier爆出来的。感觉因该是因为本地在保存格式化时eslint和prettier不统一，导致出现了问题

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

juse__we

关注关注

4
点赞
踩
10

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

解决eslint与prettier在代码格式上的冲突

qq_59517460的博客

10-25

1961

因为eslint本身也具备对代码格式的控制与检查能力，所以不可避免可能会与prettier的代码格式冲突，比如eslint配置rules中对缩进的要求为2并在不满足时报错解决方案很简单——思路就是1.安装2.配置的值为数组，后面的数组项会继承和覆盖前面的配置，所以完成了prettier规则对eslint规则的扩充和覆盖。

eslint 和 prettier 的相同点和区别

最新发布

魏晋-

09-08

399

ESLint 和 Prettier 都是前端开发中用于代码质量和风格管理的工具，但它们的定位和功能有明显区别，同时也存在一定关联。禁用 ESLint 中与 Prettier 冲突的风格规则，避免二者互相干扰。两者结合使用，可同时保证代码的。，是现代前端项目的最佳实践。配置 ESLint（

参与评论您还未登录，请先登录后发表或查看评论

eslint和prettier冲突吗

m0_57236802的博客

12-20

1223

ESLint 和 Prettier 可能会产生冲突，但这主要发生在它们尝试对同一代码规则进行不同的处理时。然而，这两个工具旨在解决代码质量的不同方面，因此它们也可以很好地协同工作。

Eslint 和格式化工具prettier冲突问题

weixin_44362304的博客

08-08

1848

eslint prettier

eslint9 中 eslint 和 prettier冲突

呆呆狗

12-25

2829

ESLint 和 Prettier 冲突如何解决

eslint与prettier冲突问题

weixin_48393475的博客

09-06

189

在实际开发中，格式化的规则尽可能用prettier处理，代码逻辑相关的用eslint检查。项目中往往会开启保存自动格式化代码插件功能，为避免commit提交时eslint检查并改动代码风格，eslint rules规则下不书写与代码风格相关的规则。这样通过`eslint-plugin-prettier`即可进行eslint检查并格式化代码。

eslint和prettier冲突

11-06

- **配置合并**：将 ESLint 和 Prettier 的配置合并到一个单独的配置文件中，避免直接冲突。有些插件可以帮助你整合配置，例如 `eslint-config-prettier`。 - **规则调整**：在 ESLint 中，可以选择忽略 Prettier ...

eslint和prettier 冲突

03-16

ESLint和Prettier之间可能会发生冲突，因为它们都是用于代码规范化的工具，但它们的规则和格式化方式可能不同。例如，ESLint可能会强制执行一些代码风格规则，而Prettier可能会自动格式化代码以符合其自己的规则。...

ESLint 和 Prettier 各自的作用及区别

qq_39454432的博客

04-29

1817

ESLint 和 Prettier 各自的作用及区别

关于ESlINT和prettier-code 冲突

YFCookie的博客

04-29

482

react使用eslint的三种代码检测方案 command+s保存代码的时候发现会有红色波浪线警告，虽然不影响功能但是不美观，而且影响自己如果报错了影响排错我们安装完prettier之后设置prettier会自动进行代码格式化，因为他只关心代码格式美观性，而eslint就可以规范你的编码风格，提升代码质量，但是eslint的代码格式化有盲区，只针对js，jsx，tsx,不能格式化html，css，less，sass，所以我们要保证兼容的情况下，要么修改prettier的规则，要么修改eslint的规则

eslint-config-prettier：关闭所有不必要的或可能与Prettier冲突的规则

02-05

eslint-config-prettier 关闭所有不必要的规则或可能与冲突的规则。这使您可以使用自己喜欢的可共享配置，而不会在使用Prettier时妨碍其样式选择。请注意，此配置仅关闭规则，因此仅将其与其他配置一起使用才有意义。安装安装eslint-config-prettier： npm install --save-dev eslint-config-prettier 然后，将eslint-config-prettier添加到.eslintrc.*文件中的“ extends”数组中。确保将其放在最后，这样它就有机会覆盖其他配置。 { " extends " :

代码风格统一战：如何调和 ESLint 与 Prettier 的冲突（9）

weixin_53961451的博客

12-03

1052

Prettier 和 ESLint 都可以用来管理代码风格，但它们之间可能会存在规则冲突。例如，ESLint 可能配置为使用单引号，而 Prettier 可能配置为使用双引号。这种情况下，手动解决冲突会非常繁琐。幸运的是，有一些插件可以帮助我们自动解决这些冲突。

Eslint和Prettier的配置与冲突处理

u013591351的博客

07-01

3233

首先下载 eslint, prettier, eslint-config-prettier, eslint-plugin-prettier项目根目录添加 .eslintrc.js 和 .prettierrc"singleQuote": true // 根据需要配置补充 ESLint 从 v8.53.0 起，将弃用代码风格相关规则。

prettier和eslint冲突怎么解决？

柒君的博客

02-04

2224

配置.eslintrc，把eslint-plugin-prettier插件配置在extends数组中的最后一位，以便可以覆盖其他风格配置规则。“eslint-plugin-prettier”: eslint插件，使eslint可以使用prettier的风格规则进行检查。前提：项目中已安装：eslint，prettier，已配置.eslintrc和.prettierrc。prettier：用来校验和处理js文件，css文件，html文件，格式问题。eslint：用来校验和处理js文件，逻辑和格式问题。

eslint和prettier样式冲突解决

kaqiinono的技术小窝

06-15

6363

eslint和prettier样式冲突解决

解决ESLint和Prettier冲突的问题

lzhlzhlzh_lzh的博客

07-15

926

在配置了ESLint的项目中使用Prettier进行格式化可能会出现冲突，不如Prettier配置了使用双引号，ESLint配置了单引号，当然可以一个一个改成一样的配置，但是比较麻烦。我发现可以直接使用ESLint的规则进行格式化。

解决 ESLint 和 Prettier 冲突问题

热门推荐

Leo_zjk的博客

11-02

1万+

一、首先明确两者的联系及区别 1、联系：两者都是用来帮助开发者规范代码风格的工具。 2、区别： ESLint：只能作用于js代码及文件，html、css、json、vue代码及文件的相关格式处理不了； Prettier：全部代码都可以自定义格式化。二、冲突原因及机制 1、原因由两者的区别可以看到，ESLint和Prettier都可以作用于js代码及文件，由于两个插件默认配置存在差异，所以在公共域必然也就...

2023.01.17 解决vscode使用prettier格式化代码时格式与eslint冲突

小龙跳动的博客

02-09

953

因为 prettier 插件格式化格式目前是比较完美的，然后格式化后与 eslint 检验代码的的差异全在于以上代码。（大部分人不喜欢 prettier 格式化后把 html 标签的属性都换行展示，显示代码页很长，把长度设置成180或者自定义长度就能解决这个问题。2、在prettier插件直接勾选或者反勾选配置，最后生成以下代码。1、点开设置-点开右上角的设置代码化。

解决vscode中Prettier和ESLint冲突的问题

islanddddddd的博客

11-04

1195

Prettier和ESLint，前者是格式化工具，后者是代码检查工具，现在的错误是函数名和圆括号()之间应该有一个空格，但是两位的代码规范不一致，就导致了Prettier格式化的格式跟ESLint想要的不一致。因为Prettier的配置文件里没有这项的设置，虽然网上有直接无视ESLint的方法，但我不想无视因为比较懒。所以最终决定安装Prettier ESLint插件，它可以按照ESLint的格式去格式化。按照官方文档的教程配置一下，再设置默认用Prettier ESLint格式化，就可以了。