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

效果

相关推荐
Shaoxi Zhang9 分钟前
pm2运行项目实践记录(通过ecosystem.config.js配置并自动运行)
javascript·python·pycharm
Jinuss12 分钟前
源码分析之React中useRef解析
前端·javascript·react.js
cch891813 分钟前
css 样式说明,在页面布局开发中,样式表用于控制组件的尺寸、间距、边框及背景等视觉表现
前端·javascript·html
晨枫阳20 分钟前
前端项目部署与问题解决
javascript·vue.js·ecmascript
熙街丶一人32 分钟前
css 图片未加载时默认高度,加载后随图片高度
前端·javascript·css
紫_龙34 分钟前
最新版vue3+TypeScript开发入门到实战教程之Pinia详解
前端·javascript·typescript
老前端的功夫40 分钟前
【Java从入门到入土】21:List三剑客:ArrayList、LinkedList、Vector的爱恨情仇
java·javascript·网络·python·list
qq_406176141 小时前
React 组件传参 & 路由跳转传参
前端·javascript·react.js
电商API&Tina1 小时前
唯品会数据采集API接口||电商API数据采集
java·javascript·数据库·python·sql·json
程序员小李白2 小时前
vue题目
前端·javascript·vue.js