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

效果

相关推荐
南风知我意9571 小时前
JavaScript 惰性函数深度解析:从原理到实践的极致性能优化
开发语言·javascript·性能优化
爱看老照片1 小时前
uniapp传递数值(数字)时需要使用v-bind的形式(加上冒号)
javascript·vue.js·uni-app
掘金安东尼1 小时前
⏰前端周刊第 459 期v2026.4.3
前端·javascript·面试
Qlittleboy1 小时前
将公共数据挂在 Vue 原型上(简单、适合 CDN)
前端·javascript·vue.js
暗不需求2 小时前
深入 JavaScript 核心:从词法作用域到闭包的底层奥秘
前端·javascript
Jinuss2 小时前
源码分析之React中的useId
前端·javascript·react.js
莱昂晨2 小时前
Vue 3偶发字体乱码 - 原因探究
前端·javascript·vue.js
AlkaidSTART2 小时前
0 基础入门 Zustand:新手友好的 React 状态管理方案
前端·javascript
我命由我123452 小时前
HTML 开发 - HTML 描述列表标签(<dl>、<dt>、<dd>)
前端·javascript·css·html·css3·html5·js
榴莲omega2 小时前
正则表达式入门与实战指南
javascript·正则表达式·js八股