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

效果

相关推荐
Ranye12313 分钟前
从 JS 到 Dart:语法基础
javascript·flutter·dart
Ama_tor1 小时前
网页制作06-html,css,javascript初认识のhtml如何建立超链接
javascript·css·html
烂蜻蜓1 小时前
Uniapp 中布局魔法:display 属性
前端·javascript·css·vue.js·uni-app·html
视觉CG1 小时前
【Viewer.js】vue3封装图片查看器
开发语言·javascript·vue.js
琑952 小时前
nextjs项目搭建——头部导航
开发语言·前端·javascript
Gazer_S3 小时前
【Windows系统node_modules删除失败(EPERM)问题解析与应对方案】
前端·javascript·windows
沙子迷了蜗牛眼3 小时前
antv G6绘制流程图
开发语言·javascript·ecmascript
乌木前端3 小时前
包管理工具lock文件的作用
前端·javascript
Jet_closer_burning3 小时前
Vue2 和 Vue3 的响应式原理对比
前端·javascript·vue.js·html
努力的白熊嗨4 小时前
一文带你搞懂前端大文件上传
前端·javascript