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

效果

相关推荐
m0_4711996320 小时前
【场景】笛卡尔积
开发语言·前端·javascript
顾安r20 小时前
12.15 脚本网页 bash内建命令
java·前端·javascript·html·bash
Watermelo61720 小时前
【前端实战】从 try-catch 回调到链式调用:一种更优雅的 async/await 错误处理方案
前端·javascript·网络·vue.js·算法·vue·用户体验
前端不太难20 小时前
RN 项目安全如何强化?(逆向、API安全、JS泄露)
开发语言·javascript·安全
Nan_Shu_61420 小时前
学习:Pinia(1)
javascript·vue.js·学习
小白学大数据20 小时前
实时监控 1688 商品价格变化的爬虫系统实现
javascript·爬虫·python
哆啦A梦158820 小时前
商城后台管理系统 04 登录-功能实现-数据持久化-vuex
javascript·vue.js·elementui
老前端的功夫1 天前
Vue 3 性能深度解析:从架构革新到运行时的全面优化
javascript·vue.js·架构
前端 贾公子1 天前
vue移动端适配方案 === postcss-px-to-viewport
前端·javascript·html
GISer_Jing1 天前
AI营销增长:4大核心能力+前端落地指南
前端·javascript·人工智能