@sanjeever/prettier-config

My personal Prettier config.

View on npmjs

Usage

Install:

yarn add --dev @sanjeever/prettier-config

Edit package.json:

{
  // ...
  "prettier": "@sanjeever/prettier-config"
}

or

Edit .prettierrc

"@sanjeever/prettier-config"

Intro

• arrowParens: 箭头函数的参数是否带括号。可选值为 "avoid" 和 "always"，这里是 "avoid"，表示只有当参数超过一个时才带括号。
• bracketSameLine: 是否在数组和对象字面量的括号前放置空格，这里是 true，表示放置空格。
• bracketSpacing: 是否在对象字面量的括号中放置空格，这里是 true，表示放置空格。
• embeddedLanguageFormatting: 控制内嵌语言的格式化方式。可选值为 "auto"、"off" 和 "on"，这里是 "auto"，表示自动格式化。
• htmlWhitespaceSensitivity: 控制 HTML 文件中空格敏感度。可选值为 "css"、"strict" 和 "ignore"，这里是 "ignore"，表示忽略空格。
• insertPragma: 是否在文件顶部插入一个特殊的注释以指示该文件使用了 Prettier 进行格式化，这里是 false，表示不插入。
• jsxSingleQuote: 在 JSX 中是否使用单引号，这里是 true，表示使用单引号。
• printWidth: 每行代码的最大宽度，这里是 80，表示超过 80 个字符就换行。
• proseWrap: 控制是否换行。可选值为 "always"、"never" 和 "preserve"，这里是 "preserve"，表示按原样保留。
• quoteProps: 对象属性是否使用引号。可选值为 "as-needed"、"consistent" 和 "preserve"，这里是 "as-needed"，表示只在必要时添加引号。
• requirePragma: 是否要求文件顶部包含特殊的注释以指示该文件使用了 Prettier 进行格式化，这里是 false，表示不要求。
• semi: 是否在语句末尾添加分号，这里是 false，表示不添加。
• singleAttributePerLine: 是否将每个属性放在单独的行上，这里是 false，表示不单独放置。
• singleQuote: 是否使用单引号，这里是 true，表示使用单引号。
• tabWidth: 缩进使用的空格数，这里是 2，表示每个缩进使用两个空格。
• trailingComma: 控制是否在对象和数组字面量的最后一个元素后添加尾逗号。可选值为 "es5"、"none" 和 "all"，这里是 "es5"，表示只在 ES5 中需要添加尾逗号。
• useTabs: 是否使用 tab 缩进，这里是 false，表示不使用 tab 缩进。
• vueIndentScriptAndStyle: 是否缩进 Vue 文件中的 script 和 style 标签，这里是 false，表示不缩进。
• overrides: 覆盖特定文件类型的格式化设置。这里添加了扩展名为 ".wxml" 的文件，使用 HTML 解析器进行格式化。

Thanks

prettier/prettier: Prettier is an opinionated code formatter.