vscode prettier格式化不生效

问题

vscode编辑器中使用了prettier的相关配置，其他项目也都生效了，但是就这一个项目不生效

原因

参考：https://www.cnblogs.com/shanjinghao/p/12764984.html

prettier3.7以上会优先读取项目根目录下的editorconfig or prettier config，如果有，就不会使用vscode setting中的设置，所以最好每个项目都配置一个单独的 prettier 配置 文件：.prettierrc文件。

vscode中prettier配置项说明

 /*  vscode中prettier的配置 */
  "prettier.printWidth": 120,
  "prettier.tabWidth": 2, // 缩进字节数
  "prettier.useTabs": false, // 缩进不使用tab，使用空格
  "prettier.semi": true, // 句尾添加分号
  // 使用单引号代替双引号
  "prettier.singleQuote": true,
  // 默认值。因为使用了一些折行敏感型的渲染器（如GitHub comment）而按照markdown文本样式进行折行
  "prettier.proseWrap": "preserve",
  //  (x) => {} 箭头函数参数只有一个时是否要有小括号。avoid：省略括号
  "prettier.arrowParens": "avoid",
  // 在对象，数组括号与文字之间加空格 "{ foo: bar }"
  "prettier.bracketSpacing": true,
  // 结尾是 \n \r \n\r auto
  "prettier.endOfLine": "auto",
  //不让prettier使用eslint的代码格式进行校验
  "prettier.eslintIntegration": false,
  "prettier.htmlWhitespaceSensitivity": "ignore",
  // 不使用prettier格式化的文件填写在项目的.prettierignore文件中
  "prettier.ignorePath": ".prettierignore",
  // 在jsx中把'>' 是否单独放一行
  "prettier.jsxBracketSameLine": false,
  // 在jsx中使用单引号代替双引号
  "prettier.jsxSingleQuote": false,
  // Require a 'prettierconfig' to format prettier
  "prettier.requireConfig": false,
  //不让prettier使用stylelint的代码格式进行校验
  "prettier.stylelintIntegration": false,
  // 在对象或数组最后一个元素后面是否加逗号（在ES5中加尾逗号）
  "prettier.trailingComma": "es5",
  // 不让prettier使用tslint的代码格式进行校验
  "prettier.tslintIntegration": false

新建 .prettierrc 文件示例：

{
  "printWidth": 300,
  "tabWidth": 2,
  "useTabs": false,
  "semi": true,
  "singleQuote": true,
  "proseWrap": "preserve",
  "arrowParens": "avoid",
  "bracketSpacing": true,
  "endOfLine": "auto",
  "eslintIntegration": true,
  "htmlWhitespaceSensitivity": "ignore",
  "ignorePath": ".prettierignore",
  "jsxBracketSameLine": false,
  "jsxSingleQuote": false,
  "requireConfig": false,
  "stylelintIntegration": true,
  "trailingComma": "es5",
  "tslintIntegration": true
}