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

效果

相关推荐
sanshizhang31 分钟前
若依框架,分页如何实现自定义每页记录数量
javascript·vue.js
专注前端30年37 分钟前
Vue3 watchEffect详解:核心用法与原理剖析
前端·javascript·vue.js
hwt107035989838 分钟前
Vue项目,解决Node依赖错误问题
前端·javascript·vue.js
研☆香1 小时前
什么是对象 什么是数组 区别是什么??
java·前端·javascript
2501_946675641 小时前
Flutter与OpenHarmony打卡时间选择器组件
android·javascript·flutter
vx_bisheyuange1 小时前
基于SpringBoot的房屋交易平台
前端·javascript·vue.js·毕业设计
千里马-horse2 小时前
React Native 源码分析 -- jsi.h
javascript·c++·react native·react.js·jsi
MoonPointer-Byte3 小时前
[特殊字符]The Omniscient Tome | 全知之书
javascript·html5
POLITE35 小时前
Leetcode 21.合并两个有序链表 JavaScript (Day 10)
javascript·leetcode·链表
止观止5 小时前
告别回调地狱:深入理解 JavaScript 异步编程进化史
javascript·ecmascript·promise·async/await·异步编程·前端进阶