前端Prettier 插件的使用配置(详细)

各个参数代表的意思:

printWidth：每行代码的最大长度限制。
tabWidth：选项用于控制制表符的宽度。
useTabs：指定是否使用制表符代替空格。
semi：指定是否在语句的末尾添加分号。
singleQuote：指定是否使用单引号或双引号来定义字符串。
quoteProps：指定对象字面量的键是否需要引号。设置为 "as-needed" 表示只有在必要时才添加引号。
jsxSingleQuote：指定在JSX中是否使用单引号或双引号来定义字符串。
trailingComma：指定在多行数组或对象字面量中是否添加尾随逗号。
bracketSpacing：指定是否在对象字面量中的大括号前后添加空格。
bracketSameLine：指定大括号是否与声明在同一行。
arrowParens：指定箭头函数的参数是否添加括号。
proseWrap：指定是否在Markdown文件中启用折行。
htmlWhitespaceSensitivity：指定HTML文件中空格处理的敏感度。
vueIndentScriptAndStyle：指定Vue文件中的脚本和样式标签是否缩进。
endOfLine：指定文件行尾的换行符类型。
embeddedLanguageFormatting：指定在嵌入语言（如HTML或JSX）中的代码格式化方式。
singleAttributePerLine：指定在HTML或JSX属性中是否每行只放置一个属性。
这些选项可以根据个人喜好和团队规范进行调整和配置。

// Prettier配置文档：https://prettier.io/docs/en/options.html
//本人的配置,大家可以进行参考的配置
module.exports = {
    printWidth: 180,
    tabWidth: 2,
    useTabs: true,
    semi: true,
    singleQuote: true,
    quoteProps: "as-needed",
    jsxSingleQuote: false,
    trailingComma: "all",
    bracketSpacing: true,
    bracketSameLine: false,
    arrowParens: "always",
    proseWrap: "preserve",
    htmlWhitespaceSensitivity: "ignore",
    vueIndentScriptAndStyle: true,
    endOfLine: "lf",
    embeddedLanguageFormatting: "auto",
    singleAttributePerLine: false,
    //自定义文件后缀对应的parser
    parsers: {
        ".nvue": "vue",
        ".ux": "vue",
        ".uvue": "vue",
        ".uts": "typescript"
    }
}