我的Prettier配置

185 阅读1分钟

项目根目录下新建文件:.prettierrc

{
  "arrowParens": "avoid",
  "bracketSpacing": true,
  "htmlWhitespaceSensitivity": "css",
  "insertPragma": false,
  "jsxBracketSameLine": false,
  "jsxSingleQuote": true,
  "printWidth": 200,
  "proseWrap": "always",
  "quoteProps": "as-needed",
  "requirePragma": false,
  "semi": false,
  "singleQuote": true,
  "tabWidth": 2,
  "trailingComma": "all",
  "useTabs": false
}

解释:

let a = {
  // 箭头函数只有一个参数时是否使用括号,avoid = 省略括号
  "arrowParens": "avoid",
  // 对象字面量的括号前后是否加空格
  "bracketSpacing": true,
  // HTML 空白符敏感度
  "htmlWhitespaceSensitivity": "css",
  // 是否在文件头部插入 @format 标记
  "insertPragma": false,
  // JSX 结束标签是否另起一行
  "jsxBracketSameLine": false,
  // JSX 属性使用单引号而不是双引号
  "jsxSingleQuote": true,
  // 一行最大字符数
  "printWidth": 200,
  // Markdown 文本换行方式
  "proseWrap": "always",
  // 对象属性是否使用引号
  "quoteProps": "as-needed",
  // 是否只格式化含有 @format 标记的文件
  "requirePragma": false,
  // 是否使用分号
  "semi": false,
  // 是否使用单引号
  "singleQuote": true,
  // 缩进空格数
  "tabWidth": 2,
  // 多行时尾随逗号的方式
  "trailingComma": "all",
  // 是否使用 tab 缩进
  "useTabs": false
}