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或者自定义长度就能解决这个问题。)

猜你喜欢

转载自blog.csdn.net/m0_46551050/article/details/128952980