各个参数代表的意思:
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"
}
}