My personal Prettier config.
View on npmjs
Install:
yarn add --dev @sanjeever/prettier-config
Edit package.json
:
{
// ...
"prettier": "@sanjeever/prettier-config"
}
or
Edit .prettierrc
"@sanjeever/prettier-config"
- 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 解析器进行格式化。
prettier/prettier: Prettier is an opinionated code formatter.