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

效果

相关推荐
丫丫72373411 分钟前
Raycaster(鼠标点击选中模型)
javascript·webgl
北慕阳17 分钟前
选择采购单按钮
前端·javascript·数据库
华仔啊19 分钟前
Vite 到底能干嘛?为什么 Vue3 官方推荐它做工程化工具?
前端·javascript·vue.js
悟能不能悟19 分钟前
目前流行的前端框架
开发语言·javascript·ecmascript
赵庆明老师26 分钟前
NET 中深度拷贝一个对象
前端·javascript·ui
馬致远30 分钟前
Vue 脚手架&环境配置
前端·javascript·vue.js
syt_101333 分钟前
grid布局之-子项放置1
前端·javascript·css
syt_101335 分钟前
grid布局之-子项放置2
前端·javascript·css
韩曙亮35 分钟前
【Web APIs】JavaScript 动画 ② ( 缓动动画 | 步长计算取整 )
前端·javascript·动画·web apis·缓动动画·匀速动画
by__csdn38 分钟前
javascript 性能优化实战:异步和延迟加载
开发语言·前端·javascript·vue.js·性能优化·typescript·ecmascript