解决Eslint和Prettier关于三元运算符的冲突问题

万能大法

javascript 复制代码
// eslint加入配置
 indent: 0

一:冲突一

三元运算符Prettier的格式化

三元运算符Eslint的格式要求

解决办法

javascript 复制代码
// eslint加入配置,屏蔽标红报错
 indent: ['error', 2, { ignoredNodes: ['ConditionalExpression'] }]

效果

二:冲突二

表现

解决办法

javascript 复制代码
// eslint加入配置,屏蔽标红报错(需要关闭vscode标红才会去掉,或者手动,将error改为0再改回error)
 indent: ['error', 2, { offsetTernaryExpressions: true }]

效果

相关推荐
噢,我明白了4 小时前
JavaScript 中处理时间格式的核心方式
前端·javascript
C_心欲无痕6 小时前
vue3 - 类与样式的绑定
javascript·vue.js·vue3
南山安8 小时前
Tailwind CSS:顺风CSS
javascript·css·react.js
栀秋6669 小时前
防抖 vs 节流:从百度搜索到京东电商,看前端性能优化的“节奏哲学”
前端·javascript
有意义9 小时前
深入防抖与节流:从闭包原理到性能优化实战
前端·javascript·面试
realhuizhu9 小时前
代码考古学:如何让你的代码不再是“未解之谜”?
代码规范·团队协作·技术文档·ai工具·程序员自我修养
2503_9284115610 小时前
12.26 小程序问题和解决
前端·javascript·微信小程序·小程序
over69710 小时前
防抖与节流:前端性能优化的“双子星”,让你的网页丝滑如德芙!
前端·javascript·面试
red润10 小时前
手把手封装Iframe父子单向双向通讯功能
前端·javascript·vue.js
gustt10 小时前
JavaScript 闭包实战:手写防抖与节流函数,优化高频事件性能
前端·javascript·面试