支持的文件类型

  • “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. }
  11. module.exports = {
  12. semi: true, // 行末分号
  13. tabWidth: 2, // 缩进字节数
  14. singleQuote: true, // 使用单引号
  15. printWidth: 100, // 换行长度
  16. trailingComma: 'none', // 无尾随逗号
  17. arrowParens: 'avoid', // 箭头函数单个参数不加括号号
  18. endOfLine: 'auto' //https://www.jianshu.com/p/b03ad01acd69
  19. }

参考文章