- Prettier

配置项说明

• printWidth: 每行最大字符数，默认 80，这里设为 120。
• tabWidth: 缩进空格数，通常为 2。
• semi: 是否在语句末尾添加分号，true 为添加。
• jsxBracketSameLine: 在 JSX 中是否将 > 放在最后一行的末尾，true 表示放在同一行。
• singleQuote: 是否使用单引号，true 为使用单引号。
• bracketSameLine: 对象/数组括号是否与内容在同一行（与 jsxBracketSameLine 类似）。
• bracketSpacing: 对象/数组括号内部是否添加空格，false 表示不加空格。
• arrowParens: 箭头函数单个参数是否省略括号，'avoid' 表示省略。
• trailingComma: 对象/数组末尾是否添加逗号，'es5' 表示遵循 ES5 规范（对象/数组尾随逗号）。

配置文件 .prettierrc.js

module.exports = {
  printWidth: 120,
  // 缩进字节
  tabWidth: 2,
  // 句尾添加分号
  semi: true,
  // 在jsx中把'>' 是否单独放一行
  jsxBracketSameLine: true,
  // 启用单引号
  singleQuote: true,
  bracketSameLine: true,
  // 对象，数组括号与文字之间加空格
  bracketSpacing: false,
  // 箭头函数单一参数省略括号
  arrowParens: 'avoid',
  // 对象或数组末尾加逗号
  trailingComma: 'es5',
};