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

效果

相关推荐
我命由我123454 小时前
React Router 6 - 编程式路由导航、useInRouterContext、useNavigationType
前端·javascript·react.js·前端框架·html·ecmascript·js
橙露5 小时前
JavaScript 异步编程:Promise、async/await 从原理到实战
开发语言·javascript·ecmascript
我命由我123456 小时前
React Router 6 - 嵌套路由、路由传递参数
前端·javascript·react.js·前端框架·html·ecmascript·js
十六年开源服务商6 小时前
2026年WordPress网站地图完整指南
java·前端·javascript
英俊潇洒美少年7 小时前
MessageChannel 如何实现时间切片
javascript·react.js·ecmascript
技术钱8 小时前
react数据大屏四种适配方案
javascript·react.js·ecmascript
李明卫杭州8 小时前
JavaScript 严格模式下 arguments 的区别
前端·javascript
一次旅行9 小时前
今日心理学知识分享(三)
开发语言·javascript·程序人生·ecmascript
牛十二9 小时前
openclaw安装mcporter搜索小红书
开发语言·javascript·ecmascript
小金鱼Y9 小时前
🔥 前端人必看:浏览器安全核心知识点全解析(XSS/CSRF/DDoS)
前端·javascript·安全