这篇文章主要介绍了vscode Prettier选项中的16个实用属性是什么的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇vscode Prettier选项中的16个实用属性是什么文章都会有所收获，下面我们一起来看看吧。
Prettier介绍和使用配置：
Prettier是一款以较少的配置来支持多种编程语言进行代码格式化的工具，并且在大多数常用的编辑器都有集成和提供的插件。
我们在VSCode中通过文末提供的插件地址或在商店搜索即可，找下载量最大的就对了。安装完插件后我们可以通过在项目根目录配置.prettierrc文件来配置一份符合我们自定义的风格，文件内容推荐使用JSON格式组合。当然也支持其他的一个配置文件命名和书写方式，文末也提供了原文档对应的地址，记得要将默认的格式化程序选择为Prettier。
属性介绍：
Print Width：
介绍和说明：代码行的宽度，通用建议每行最大长度建议为100/120，但最好不超过这两个数。
API：
printWidth参数类型：int
默认值：80
Tab Width：
介绍和说明：指定每次缩进的空格数。
API：
tabWidth参数类型：int
默认值：2
Tabs：
介绍和说明：是否用制表符代替空格执行缩进。
API：
useTabs参数类型：bool
默认值：false
Semicolons：
介绍和说明：是否在代码语句结尾添加分号。
API：
semi参数类型：bool
默认值：true
Quotes
介绍和说明：是否使用单引号，JSX单独设置。
API：
singleQuote参数类型：bool
默认值：false
JSX Quotes
介绍和说明：是否在JSX中使用单引号。
API：
jsxSingleQuote参数类型：bool
默认值：false
Trailing Commas
介绍和说明：在多行以逗号分割的句法中尽可能补充尾行逗号。
API：
trailingComma参数类型：es5 / none / all
默认值：es5
| es5 | 在ES5中进行补充，如（对象，数组） |
|---|---|
| none | 不进行补充 |
| all | 尽可能补充，包括函数参数、函数调用，支持TS |
Bracket Spacing
介绍和说明：是否在对象属性与大括号之间填充空格。
API：
bracketSpacing参数类型：bool
默认值：true
Bracket Line
介绍和说明：开始标签的右尖括号是否跟随在最后一行属性末尾。
前提：非自结束标签、HTML多行属性（HTML, JSX, Vue, Angular）
API：
bracketSameLine参数类型：bool
默认值：false
Arrow Function Parentheses
介绍和说明：单个参数的箭头函数使用括号。
API：
arrowParens参数类型：always / avoid
默认值：always
Require Pragma
介绍和说明：是否仅格式化文件开始位置存在特殊注释的代码。
API：
requirePragma参数类型：bool
默认值：false
orInsert Pragma
介绍和说明：是否在文件插入标记表明该文件已被格式化处理过了。
API：
insertPragma参数类型：bool
默认值：false
Vue files script and style tags indentation
介绍和说明：是否在Vue文件中对代码和标签进行缩进，script和style部分。
API：
vueIndentScriptAndStyle参数类型：bool
默认值：false
End of Line
介绍和说明：设置换行风格，避免不同操作系统造成的大量代码diff。
API：
endOfLine参数类型：lf / crlf / cr / auto
默认值：lf
Embedded Language Formatting
介绍和说明：是否格式化一些文件中被嵌入的代码片段的风格，如果插件可以识别。
API：
embeddedLanguageFormatting参数类型：off / auto
默认值：auto
Single Attribute Per Line
介绍和说明：在Html，Vue，JSX中是否强制每条属性占用一行。
API：
singleAttributePerLine参数类型：bool
默认值：false
关于“vscode Prettier选项中的16个实用属性是什么”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“vscode Prettier选项中的16个实用属性是什么”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注编程网行业资讯频道。
