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

效果

相关推荐
予你@。几秒前
# Vue2 + Element UI 表格合并实战:第二列按「第一列 + 第二列」条件合并
前端·javascript·vue.js
小J听不清19 分钟前
CSS 文本对齐方式实战:text-align 核心用法
前端·javascript·css·html·css3
我爱学习_zwj21 分钟前
设计模式-2(单例模式与原型模式)
前端·javascript·设计模式
霍理迪30 分钟前
Vue—侦听属性
前端·javascript·vue.js
小J听不清34 分钟前
CSS display 属性全解析:块级 / 行内 / 行内块 / 隐藏
前端·javascript·css·html·css3
早點睡39036 分钟前
ReactNative项目Openharmony三方库集成实战:react-native-safe-area-context
javascript·react native·react.js
Jinuss1 小时前
React 19 新特性:`useOptimistic` Hook 完整指南
前端·javascript·react.js
清汤饺子1 小时前
$20 的 Cursor Pro 额度,这样用一个月都花不完
前端·javascript·后端
六月June June9 小时前
自定义调色盘组件
前端·javascript·调色盘
SY_FC9 小时前
实现一个父组件引入了子组件,跳转到其他页面,其他页面返回回来重新加载子组件函数
java·前端·javascript