解决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_6265352019 小时前
代码分析 长音频分割为短音频
javascript·python·音视频
xiaoxue..19 小时前
栈的全面解析:ADT、实现与应用
javascript·数据结构·面试
DevUI团队19 小时前
Angular开发者必看:深度解析单元测试核心技巧与最佳实践
前端·javascript·angular.js
q***649720 小时前
SpringMVC 请求参数接收
前端·javascript·算法
向葭奔赴♡20 小时前
若依系统权限控制全流程解析
前端·javascript·vue.js·ruoyi·navicat
艾小码21 小时前
Vue 3 defineProps 与 defineEmits 深度解析
前端·javascript·vue.js
前端炒粉1 天前
35.LRU 缓存
开发语言·javascript·数据结构·算法·缓存·js
lumi.1 天前
Vue + Element Plus 实现AI文档解析与问答功能(含详细注释+核心逻辑解析)
前端·javascript·vue.js·人工智能
S***t7141 天前
Vue面试经验
javascript·vue.js·面试
粉末的沉淀1 天前
css:制作带边框的气泡框
前端·javascript·css