.prettierrc 文件-优快云博客

本文链接：https://blog.youkuaiyun.com/a1056244734/article/details/138039134

本文详细介绍了Prettier代码格式化工具的配置参数，包括printWidth、proseWrap、bracketSpacing等，以及如何处理Markdown和HTML，同时提到了与ESLint和StyleLint集成的相关设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


{
  "printWidth": 200,
  "tabWidth": 2,
  "useTabs": false,
  "semi": true,
  "singleQuote": true,
  "arrowParens": "always",
  // 默认情况下，Prettier不会更改markdown文本的换行，因为有些服务使用了对换行敏感的渲染器，例如GitHub注释和BitBucket。
  // 将此选项更改为“always”，以获得更漂亮的排版宽度。如果你想让Prettier强制所有的散文块在一行上，并依赖于编辑器/查看器的软包装，你可以使用"never"。
  "proseWrap": "preserve",
  "bracketSpacing": false,
  "bracketSameLine": true, // 将多行HTML (HTML, JSX, Vue, Angular)元素的>放在最后一行，而不是单独放在下一行(这不适用于自闭元素)。
  // "disableLanguages": [
  //   "md"
  // ], // 不格式化md文件
  "endOfLine": "auto", // 结尾是 \n \r \n\r auto
  "eslintIntegration": true, // 不让prettier使用eslint的代码格式进行校验
  "htmlWhitespaceSensitivity": "ignore",
  "ignorePath": ".prettierignore", // 不使用prettier格式化的文件填写在项目的.prettierignore文件中
  // "parser": "none", // 格式化的解析器，默认不用配置，它会自己找
  "requireConfig": false, // Require a 'prettierconfig' to format prettier
  "stylelintIntegration": false, //不让prettier使用stylelint的代码格式进行校验
  "trailingComma": "es5", // 在对象或数组最后一个元素后面是否加逗号（在ES5中加尾逗号）
  "tslintIntegration": false, // 不让prettier使用tslint的代码格式进行校验
  "requirePragma": false // 将自己限制为只格式化文件顶部包含特殊注释(称为pragma)的文件。默认false
}