189 8069 5689

vscodePrettier选项中的16个实用属性是什么

这篇文章主要介绍了vscode Prettier选项中的16个实用属性是什么的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇vscode Prettier选项中的16个实用属性是什么文章都会有所收获，下面我们一起来看看吧。

成都创新互联长期为成百上千家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为兴宁企业提供专业的网站设计制作、成都网站制作，兴宁网站改版等技术服务。拥有10余年丰富建站经验和众多成功案例,为您定制开发。

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

/**
 * @prettier
 */
 or
/**
 * @format
 */
Insert 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个实用属性是什么”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注创新互联行业资讯频道。


分享名称：vscodePrettier选项中的16个实用属性是什么
浏览地址：http://jkwzsj.com/article/ihoidj.html

其他资讯