Skip to content

Prettier

prettier 是对代码美观,风格做出了统一的要求,方便团队合作时能比较舒适的阅读他人的代码,增加可读性。在.prettierrc.js内配置类常见的样式选项,后续可讨论完善。

参考配置: .prettierrc.js

js
module.exports = {
    // 每行末尾自动添加分号
    semi: false,
    // 尾逗号
    trailingComma: 'none',
    // 使用单引号
    singleQuote: true,
    // 对象中空格 默认true
    // true: { foo: bar }
    // false: {foo: bar}
    bracketSpacing: true,
    // 箭头函数参数括号 默认avoid 可选 avoid| always
    // avoid 能省略括号的时候就省略 例如x => x
    // always 总是有括号
    arrowParens: 'avoid',
    // 换行长度,默认80
    printWidth: 80,
    tabWidth: 2,
    // 设置为true时,将多行JSX元素的 > 放在最后一行的末尾,而不是单独放在下一行
    jsxBracketSameLine: true,
    endOfLine: "auto"
};

Released under the MIT License.