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

效果

相关推荐
vipxieliang3 小时前
JavaScript 迭代器与生成器:控制异步与惰性求值
前端·javascript
Hilaku3 小时前
Event Loop 这篇你看完就不用再看别的了!
前端·javascript·程序员
晓得迷路了4 小时前
栗子前端技术周刊第 153 期 - Vitest 5.1、Remix v3.2、Node.js 27 Alpha...
前端·javascript·vite
系统集成-鹰翔4 小时前
ERP单据已作废为什么商品仍不能删除,引用检查与软删除怎么查
javascript·经验分享·后端
Penge6665 小时前
《Go 后端开发者学 React:Hook》
javascript
Penge6665 小时前
《Go 后端开发者学 React:前端 HTTP 请求详解》
javascript
Penge66614 小时前
《Go 后端开发者学 React:组件通信与插槽》
javascript
Penge66615 小时前
《Go 后端开发者学 React:useState》
javascript
Penge66616 小时前
《Go 后端开发者学 React:数据渲染》
javascript
ikoala19 小时前
AI 写页面像说明书,修 Bug 像贴膏药?把这两句话写进 AGENTS.md
前端·javascript·ai编程