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