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

效果

相关推荐
前端 贾公子7 小时前
v-if 与 v-for 的优先级对比
开发语言·前端·javascript
小二·11 小时前
Pinia 完全指南:用 TypeScript 构建可维护、可测试、可持久化的 Vue 3 状态管理
javascript·vue.js·typescript
bug总结11 小时前
Vue3 实现后台管理系统跳转大屏自动登录功能
前端·javascript·vue.js
小二·14 小时前
Vue 3 组件通信全方案详解:Props/Emit、provide/inject、事件总线替代与组合式函数封装
前端·javascript·vue.js
Moment15 小时前
如何在前端编辑器中实现像 Ctrl + Z 一样的撤销和重做
前端·javascript·面试
小猪猪屁15 小时前
权限封装不是写个指令那么简单:一次真实项目的反思
前端·javascript·vue.js
我的写法有点潮15 小时前
如何取消Vue Watch监听
前端·javascript·vue.js
xkxnq15 小时前
第一阶段:Vue 基础入门(第 6 天)
前端·javascript·vue.js
神仙刘15 小时前
解决Vue router history 静态资源访问404,请求链接被加上了path的前一部分
前端·javascript·vue.js
C_心欲无痕16 小时前
react - useDeferredValue自动延迟更新
javascript·react.js·ecmascript