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

效果

相关推荐
天理小学渣12 小时前
JavaScript_基础教程_自学笔记
开发语言·javascript·笔记
angerdream12 小时前
最新版vue3+TypeScript开发入门到实战教程之生命周期函数
javascript·vue.js
我叫黑大帅12 小时前
🚀 JS 最常用的性能优化 防抖和节流
前端·javascript·面试
图扑软件12 小时前
图扑 HT 帧动画 | 3D 动态渲染设计与实现
前端·javascript·3d·动画·数字孪生
终端鹿12 小时前
Pinia 与 Vue Router 权限控制实战(衔接Pinia基础篇)
前端·javascript·vue.js
绝世唐门三哥13 小时前
React--- 状态更新:何时需要拷贝,何时不需要?
javascript·react.js·ecmascript
我叫黑大帅13 小时前
JS中的两大定时器
前端·javascript·面试
掘金安东尼13 小时前
⏰前端周刊第 458 期v2026.3.24
前端·javascript·面试
张元清13 小时前
useMediaQuery:React 响应式设计完全指南
前端·javascript·面试
小金鱼Y13 小时前
一文吃透 JavaScript 防抖:从原理到实战,让你的页面不再 “手抖”
前端·javascript·面试