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

效果

相关推荐
江城开朗的豌豆12 分钟前
Element UI动态组件样式修改小妙招,轻松拿捏!
前端·javascript·vue.js
float_六七1 小时前
JavaScript:现代Web开发的核心动力
开发语言·前端·javascript
zhaoyang03011 小时前
vue3笔记(2)自用
前端·javascript·笔记
UrbanJazzerati1 小时前
JavaScript Promise完整指南
javascript
挽淚2 小时前
AI对话+React 项目实战(半成品)
javascript·react.js
呆呆的心2 小时前
🚀 JavaScript 数组通关秘籍:从入门到精通的细节指南
前端·javascript
WildBlue2 小时前
前端算法秘籍:BFS 算法的 JS 魔法之旅🤩
前端·javascript·算法
ice852 小时前
AJAX 详解:概念、原理与实现方法
前端·javascript·面试
讨厌吃蛋黄酥2 小时前
闭包在防抖与节流中的妙用:优化前端性能的黄金法则
前端·javascript·google
十盒半价2 小时前
从空对象开始:手把手教你手写 new 函数,彻底理解 JS 原型机制
前端·javascript·trae