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

效果

相关推荐
小新11010 分钟前
vue架的网站修改端口
前端·javascript·vue.js
用户17335980753716 分钟前
纯前端 PDF 处理避坑指南:5 个线上真实问题的解决方案
前端·javascript
陈_杨21 分钟前
鸿蒙APP开发-带你走近分构App的分子数据
前端·javascript
Goodbye22 分钟前
深入理解 JavaScript 变量提升(Hoisting)—— 从现象到原理
javascript
陈_杨23 分钟前
鸿蒙APP开发-带你开发锻艺册APP的材料清单功能
前端·javascript
xixixin_25 分钟前
Promise.all 和 Promise.allSettled 详解
前端·javascript·vue.js
暗冰ཏོ26 分钟前
前端数据大屏开发完整指南:Vue3 + ECharts 自适应可视化实战
前端·javascript·echarts·数据大屏·大屏端
陈_杨28 分钟前
鸿蒙APP开发-带你了解单块酷APP参数管理的功能
前端·javascript
怕浪猫1 小时前
Electron 开发实战(八):多媒体处理全解|音视频播放、录屏、FFmpeg 实战
前端·javascript·electron
kyriewen111 小时前
开源|Image Harvest v1.0.5:AI 智能标签 + Eagle 导出,设计师和开发者的图片工作流神器
前端·javascript·人工智能