解决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 }]

效果

相关推荐
西维1 分钟前
大屏、看板必备的丝滑技巧 — 数字滚动
前端·javascript·动效
前端达人13 分钟前
2026年React数据获取的第六层:从自己写缓存到用React Query——减少100行代码的秘诀
前端·javascript·react.js·缓存·前端框架
2501_9481226315 分钟前
React Native for OpenHarmony 实战:Steam 资讯 App 通知设置实现
javascript·react native·react.js·游戏·ecmascript·harmonyos
—Qeyser19 分钟前
Flutter 生命周期完全指南:从出生到死亡的全过程
前端·javascript·flutter
2501_9481226320 分钟前
React Native for OpenHarmony 实战:Steam 资讯 App 帮助中心实现
javascript·react native·react.js·游戏·ecmascript·harmonyos
念念不忘 必有回响24 分钟前
Vue页面布局与路由映射实战:RouterView嵌套及动态组件生成详解
前端·javascript·vue.js
冰暮流星26 分钟前
javascript数据类型转换-转换为数字型
开发语言·前端·javascript
千里马-horse41 分钟前
React Native bridging 源码分析--ClassTest.cpp
javascript·c++·react native·react.js·bridging
小高00744 分钟前
2026 年,只会写 div 和 css 的前端将彻底失业
前端·javascript·vue.js