2023.01.17 解决vscode使用prettier格式化代码时格式与eslint冲突

1、点开设置-点开右上角的设置代码化。


2、在prettier插件直接勾选或者反勾选配置,最后生成以下代码。

    "prettier.jsxSingleQuote": true, // JSX 中使用单引号而不是双引号。
    "prettier.printWidth": 180, // 指定每行代码的最佳长度,如果超出该长度则格式化。
    "prettier.semi": false, // 在所有代码语句的末尾添加分号。
    "prettier.singleQuote": true, // 使用单引号而不是双引号。
    "prettier.useEditorConfig": false, // 使用 .editorconfig 中的配置方案。
    "prettier.trailingComma": "none", // 指定添加尾后逗号的方式。选项:none──无尾后逗号、 es5──在 ES5 中有效
                                      // 的尾后逗号(如对象与数组等)、 all──尽可能添加尾后逗号(如函数参数)。


因为 prettier 插件格式化格式目前是比较完美的,然后格式化后与 eslint 检验代码的的差异全在于以上代码。(大部分人不喜欢 prettier 格式化后把 html 标签的属性都换行展示,显示代码页很长,把长度设置成180或者自定义长度就能解决这个问题。)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值