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

小高求学之路 2024-08-04 15:33:01 阅读 50

<code>各个参数代表的意思:

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"

}

}



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。