我的prettier配置

180 阅读1分钟

.prettierrc.cjs

module.exports = {
    printWidth: 380, //单行长度
    tabWidth: 4, //缩进长度
    useTabs: false, //使用空格代替tab缩进
    semi: true, //句末使用分号
    singleQuote: true, //使用单引号
    quoteProps: 'as-needed', //仅在必需时为对象的key添加引号
    jsxSingleQuote: true, // jsx中使用单引号
    trailingComma: 'all', //多行时尽可能打印尾随逗号
    bracketSpacing: true, //在对象前后添加空格-eg: { foo: bar }
    jsxBracketSameLine: false, //多属性html标签的‘>’折行放置
    arrowParens: 'always', //单参数箭头函数参数周围使用圆括号-eg: (x) => x
    requirePragma: false, //无需顶部注释即可格式化
    insertPragma: false, //在已被preitter格式化的文件顶部加上标注
    // 默认情况下,Prettier不会改变标记文本中的换行,因为一些服务使用换行敏感的渲染器,例如GitHub comments和BitBucket。要想让更漂亮的换行散文达到打印宽度,将这个选项改为“always”。如果您希望Prettier强制所有散文块在一行上,并依赖于编辑器/查看器软换行,您可以使用“never”。
    proseWrap: 'always', //不知道怎么翻译
    htmlWhitespaceSensitivity: 'ignore', //对HTML全局空白不敏感
    vueIndentScriptAndStyle: true, //对vue中的script及style标签缩进
    singleAttributePerLine: false ,//Enforce single attribute per line in HTML, Vue and JSX.
    bracketSameLine: true ,// >是否换行 >
    endOfLine: 'lf', //结束行形式
    embeddedLanguageFormatting: 'auto', //对引用代码进行格式化
};
  

prettier 配置传送门