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

效果

相关推荐
zyplayer-doc2 小时前
VuePress类静态文档站和动态知识库怎么选:两种技术路线的适用场景
javascript·人工智能·后端·安全·智能手机
梦梦代码精3 小时前
连锁品牌数字化:从门店扩张到用户资产运营的技术底座
大数据·人工智能·低代码·docker·开源·代码规范
码哥DFS7 小时前
构造函数、实例对象、对象原型 ----三者关系
开发语言·javascript·原型模式
满栀5857 小时前
vue动态路由效果
前端·javascript·vue.js·前端框架·vue
jjw_zyfx8 小时前
css vue vite实现闪烁的呼吸效果
javascript·css·vue.js
sunly_9 小时前
React useActionState 的用法详解
前端·javascript·react.js
cyadyx9 小时前
【Three.js】Three.js 中加载 3D 模型
前端·javascript·3d
汉堡大王95279 小时前
前端工程师 TypeScript 上手指南:一条清晰的从入门到精通路线
前端·javascript·react.js
wear工程师10 小时前
防抖为什么会失效?React 面试里的闭包和定时器
javascript·react.js
浅水壁虎10 小时前
vue基础(第四章 Pinia)
前端·javascript·vue.js