ARTICLE DETAIL

资讯详情

深耕网站建设、视觉设计与SEO优化的一线实战洞察。

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

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

万能大法

// eslint加入配置indent: 0

一:冲突一

三元运算符Prettier的格式化

在这里插入图片描述

三元运算符Eslint的格式要求

在这里插入图片描述

解决办法

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

效果

在这里插入图片描述

二:冲突二

表现

在这里插入图片描述

解决办法

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

效果

在这里插入图片描述

返回列表