//此处的规则供参考,其中多半其实都是默认值,可以根据个人习惯改写
module.exports = {
// 行宽
printWidth: 80,
// 缩进宽度
tabWidth: 2,
// 使用空格而不是制表符进行缩进
useTabs: false,
// 在语句末尾添加分号
semi: true,
// 使用单引号而不是双引号
singleQuote: false,
// 对象字面量中属性的引号使用情况
quoteProps: "as-needed",
// 在 JSX 中使用单引号而不是双引号
jsxSingleQuote: true,
// 在多行对象末尾添加逗号
trailingComma: "all",
// 在对象字面量的括号之间添加空格
bracketSpacing: true,
// 在 JSX 中尖括号是否与最后一个属性在同一行
jsxBracketSameLine: true,
// 箭头函数参数是否总是被括号包裹
arrowParens: "always",
// 是否需要特定注释来使用 Prettier
requirePragma: false,
// 是否在文件顶部插入一个特定的注释,以标识文件被 Prettier 格式化过
insertPragma: false,
// Markdown 文件的换行规则
proseWrap: "always",
// 对HTML全局空白是否敏感
htmlWhitespaceSensitivity: "ignore",
// 换行符使用LF(Linux风格)
endOfLine: "lf",
// 自动检测嵌套语言的格式
embeddedLanguageFormatting: "auto",
// Vue 文件中 <script> 和 <style> 标签中的内容是否独立缩进
vueIndentScriptAndStyle: true,
// 是否在对象字面量的括号之间添加空格(类似 jsxBracketSameLine)
bracketSameLine: true,
};
自用.prettier.js样式
最新推荐文章于 2024-09-26 19:38:44 发布