prettier格式化常用配置

各行各业都有一定的准则和规范，搞技术写代码也是一样，统一的规范对于团队开发协作不可或缺。随着前端应用的大型化和复杂化，越来越多的前端团队对代码规范越来越重视。Prettier 是一个代码格式化工具，可以格式化代码，结合 ESLint 使用，可以提高代码质量。

Prettier 常用配置

// prettier.config.js

module.exports = {
    printWidth: 80, // 80 每行代码长度
    tabWidth: 2, // 2 每个 tab 相当于多少个空格
    useTabs: true, // false 是否使用 tab 进行缩进
    singleQuote: true, // false 使用单引号
    semi: false, // true 声明结尾使用分号
    trailingComma: 'es5', // none 多行抵用拖尾逗号
    bracketSpacing: true, // true 对象字面量的大括号间使用空格
    jsxSingleQuote: false,
    jsxBracketSameLine: false, // false 多行 jsx 中的 > 放在最后一行，而不是另起一行
    arrowParens: 'avoid', // avoid 只有一个参数是否带圆括号
    vueIndentScriptAndStyle: true, // vue文件的script标签和Style标签下的内容需要缩进
    singleAttributePerLine: false, // 在 HTML、Vue 和 JSX 中每行强制执行单个属性
    embeddedLanguageFormatting: 'auto', // 控制 Prettier 是否格式化文件中嵌入的引用代码
}

持续更新ing …

---

欢迎访问：天问博客

本文作者： Tiven
发布时间： 2022-05-24
最后更新： 2023-03-02
本文标题： prettier格式化常用配置
本文链接： https://www.tiven.cn/p/ae7552dc/
版权声明： 本作品采用 CC BY-NC-SA 4.0 许可协议进行许可。转载请注明出处！