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

效果

相关推荐
小小愿望2 小时前
移动端浏览器中设置 100vh 却出现滚动条?
前端·javascript·css
烛阴3 小时前
TypeScript 接口入门:定义代码的契约与形态
前端·javascript·typescript
掘金安东尼3 小时前
使用自定义高亮API增强用户‘/’体验
前端·javascript·github
夏日不想说话4 小时前
API请求乱序?深入解析 JS 竞态问题
前端·javascript·面试
掘金安东尼4 小时前
我们让 JSON.stringify 的速度提升了两倍以上
前端·javascript·面试
yvvvy6 小时前
前端跨域全解析:从 CORS 到 postMessage,再到 WebSocket
前端·javascript·trae
小周同学:7 小时前
在 Vue2 中使用 pdf.js + pdf-lib 实现 PDF 预览、手写签名、文字批注与高保真导出
开发语言·前端·javascript·vue.js·pdf
teeeeeeemo8 小时前
跨域及解决方案
开发语言·前端·javascript·笔记
JSON_L8 小时前
Vue Vant应用-数据懒加载
前端·javascript·vue.js
可爱小仙子8 小时前
vue-quill-editor上传图片vue3
前端·javascript·vue.js