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

效果

相关推荐
Gomiko7 分钟前
JavaScript DOM 原生部分(五):事件绑定
开发语言·前端·javascript
巴拉巴拉~~15 分钟前
Flutter 通用下拉选择组件 CommonDropdown:单选 + 搜索 + 自定义样式
开发语言·javascript·ecmascript
Можно31 分钟前
深入理解 JavaScript 函数:分类、特性与实战应用
开发语言·javascript
lionliu051942 分钟前
JavaScript 变量声明最佳实践
前端·javascript·vue.js
AAA阿giao1 小时前
从零开始学 React:用搭积木的方式构建你的第一个网页!
前端·javascript·学习·react.js·前端框架·vite·jsx
JS_GGbond1 小时前
JavaScript原型链:一份会“遗传”的家族传家宝
前端·javascript
前端达人1 小时前
CSS终于不再是痛点:2026年这7个特性让你删掉一半JavaScript
开发语言·前端·javascript·css·ecmascript
阿蒙Amon1 小时前
JavaScript学习笔记:15.迭代器与生成器
javascript·笔记·学习
JS_GGbond2 小时前
当JS拷贝玩起了“俄罗斯套娃”:深拷贝与浅拷贝的趣味对决
前端·javascript
小徐不会敲代码~2 小时前
Vue3 学习2
前端·javascript·学习