支持的文件类型

  • “prettier” key in your package.json file.
  • .prettierrc file written in JSON or YAML.
  • .prettierrc.json, .prettierrc.yml, .prettierrc.yaml, or .prettierrc.json5 file.
  • .prettierrc.js, .prettierrc.cjs, prettier.config.js, or prettier.config.cjs file that exports an object using module.exports.
  • .prettierrc.toml file.

    配置参考

    ```json module.exports = { printWidth: 80, // 超过最大值换行 tabWidth: 2, // 缩进字节数 useTabs: false, // 缩进不使用tab singleQuote: true, // 使用单引号代替双引号 jsxSingleQuote: true, // 在jsx中使用单引号代替双引号 semi: true, // 句尾添加分号 trailingComma: ‘none’, // 最后一个元素逗号 bracketSpacing: true, // 在对象，数组括号与文字之间加空格 “{ foo: bar }” arrowParens: ‘avoid’, // (x) => {} 箭头函数参数只有一个时是否要有小括号。avoid：省略括号 proseWrap: ‘preserve’,// 默认值。因为使用了一些折行敏感型的渲染器（如GitHub comment）而按照markdown文本样式进行折行 endOfLine: ‘auto’, // 结尾是 \n \r \n\r auto htmlWhitespaceSensitivity: ‘ignore’, // html中的空格敏感性 overrides: [ {
    1. files: ['*.json', '.eslintrc', '.babelrc', '.stylelintrc', '.prettierrc'],
    2. options: {
    3.   parser: 'json',
    4.   tabWidth: 2
    5. }
    } ] };
  1. <a name="EE3zb"></a>
  2. # 简单配置
  3. ```json
  4. {
  5.   "semi": true,
  6.   "tabWidth": 2,
  7.   "singleQuote": true,
  8.   "printWidth": 100,
  9.   "trailingComma": "none"
  10. }
  13. module.exports = {
  14.   semi: true, // 行末分号
  15.   tabWidth: 2, // 缩进字节数
  16.   singleQuote: true, // 使用单引号
  17.   printWidth: 100, // 换行长度
  18.   trailingComma: 'none', // 无尾随逗号
  20.   arrowParens: 'avoid', // 箭头函数单个参数不加括号号
  21.   endOfLine: 'auto' //https://www.jianshu.com/p/b03ad01acd69
  22. }

参考文章