ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

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

2026/9/13 0:14:11 拓冰建站 浏览量
解决Eslint和Prettier关于三元运算符的冲突问题

万能大法

// eslint加入配置indent: 0

一:冲突一

三元运算符Prettier的格式化

在这里插入图片描述

三元运算符Eslint的格式要求

在这里插入图片描述

解决办法

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

效果

在这里插入图片描述

二:冲突二

表现

在这里插入图片描述

解决办法

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

效果

在这里插入图片描述