为何引入@vue/eslint-config-prettier仅用于跳过ESLint格式化?
为什么要引入@vue/eslint-config-prettier并设置skipFormatting?
解决ESLint与Prettier的规则冲突
ESLint本身包含一些格式化类规则(比如缩进、引号风格),这些规则和Prettier的格式化逻辑很容易冲突。@vue/eslint-config-prettier的核心作用就是自动禁用所有和Prettier冲突的ESLint规则,彻底避免两者互相“打架”——哪怕你设置了skipFormatting,这个核心的冲突规避功能依然在生效,保证代码检查和格式化的规则统一。适配ESLint v9的设计方向
ESLint v9砍掉了对格式化相关插件的内置支持,官方明确希望ESLint专注于代码质量检查(比如未定义变量、Vue语法规范问题),而把代码格式化的工作交给Prettier这类专门工具。设置skipFormatting就是明确告诉ESLint:格式化的事别插手,交给Prettier就行,完全贴合ESLint v9的架构变化。复用Vue生态的现成配置
这个配置是Vue官方维护的,已经帮你把Vue项目中ESLint和Prettier配合的最优规则组合预设好了,不用你自己手动去一个个排查禁用冲突规则,省了大量的配置时间,直接复用成熟的最佳实践就行。
简单来说,这么做是为了让ESLint和Prettier各司其职:ESLint管代码对不对,Prettier管代码好不好看,同时避免规则冲突,还能直接用Vue生态的现成配置,省心又高效。
内容的提问来源于stack exchange,提问作者Phil
相关产品推荐
相关产品推荐

