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

蜗牛 互联网技术资讯 2022-05-05 23 0

这篇文章主要介绍了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

/**
 * @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个实用属性是什么”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注蜗牛博客行业资讯频道。

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:niceseo99@gmail.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

评论