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

效果

相关推荐
玫城1 天前
[ VUE ] 封装通用数组校验组件,el-input内使用
前端·javascript·vue.js
弓.长.1 天前
React Native 鸿蒙跨平台开发:实现一个多功能单位转换器
javascript·react native·react.js
摘星编程1 天前
React Native for OpenHarmony 实战:ToggleSwitch 切换开关详解
javascript·react native·react.js
满栀5851 天前
分页插件制作
开发语言·前端·javascript·jquery
qq_406176141 天前
深入剖析JavaScript原型与原型链:从底层机制到实战应用
开发语言·前端·javascript·原型模式
弓.长.1 天前
React Native 鸿蒙跨平台开发:BottomSheet 底部面板详解
javascript·react native·react.js
摘星编程1 天前
React Native for OpenHarmony 实战:Permissions 权限管理详解
javascript·react native·react.js
闲蛋小超人笑嘻嘻1 天前
Vue 插槽:从基础到进阶
前端·javascript·vue.js
摘星编程1 天前
React Native for OpenHarmony 实战:SearchBar 搜索栏详解
javascript·react native·react.js
梦6501 天前
Vue 单页面应用 (SPA) 与 多页面应用 (MPA) 对比
前端·javascript·vue.js