【精】beautify插件使用及配置汉化

说明

beautify插件是在vscode开发软件上,用来格式化代码的一款产品。可以格式化html,js和css等。

使用

1 在vscode软件上,搜索beautify插件进行安装
在这里插入图片描述
2 在根目录下建立一个文件,命名为.jsbeautifyrc。
3 在该文件内,进行配置
在这里插入图片描述
4 然后在vscode里用alt+shift+F进行格式化或者按F1进行格式化。

参考网站

https://github.com/HookyQR/VSCodeBeautify/blob/master/Settings.md

名称汉化类型
eolend of line,行结尾字符"\n"ALL
end_with_newline在文件结尾保证有换行ALL
indent_char缩进字符,默认" "ALL
indent_size缩进大小,默认4ALL
indent_with_tabs使用tab缩进,将会覆盖“indent_size”和“indent_char”设置,默认falseALL
preserve_newlines保留空行,默认“true”ALL
max_preserve_newlines一次最多保留多少行的空行,默认10ALL
wrap_line_length在多少个字符后换行,设置0自动忽略ALL
extra_liners在标签之前应该有多少个换行HTML
indent_body_inner_html[Bool] 缩进 < body> 中的元素,默认:trueHTML
indent_handlebars格式和缩进,默认为falseHTML
indent_head_inner_html[Bool] 缩进 < head> 中的元素,默认:trueHTML
indent_inner_html[Bool] 缩进< head>和< body>中的元素(head和body也会缩进),默认:falseHTML
indent_scripts[String] 缩进< script> 标签里的代码,有三个值:“keep”(对齐< script>标签)、“separate”(对齐左边界)、“normal”(正常缩进),默认:“normal”HTML
inline各种标签的缩进HTML
wrap_attributes[String] 将属性换到新行,有5个值:“auto”(不换行)、“force”(第2个起换行)、 “force-aligned”(第2个起换行,与第1个属性对齐)、 “force-expand-multiline"或"align-multiple”(两个效果一样,所有属性都换行),默认:“auto”HTML
wrap_attributes_indent_size[Int] 属性换行缩进大小,默认:indent_sizeHTML
unformatted[Array] 数组中的标签不会重新格式化,默认:[]HTML
content_unformatted[Array] 数组中标签的内容不会重新格式化,默认:[“pre”,“textarea”]HTML
void_elements定义自关闭标签HTML
newline_between_rules在css规则之间添加一个换行符,默认为falseCSS
selector_separator_newline在多个选择器之间加一个换行符CSS
space_around_combinator确保选择器之间有空格空隙CSS
brace_style括号风格,“collapse-preserve-inline”, “collapse”, “expand”, “end-expand”, or “none” ,默认“collapse”JS
break_chained_methods中断多行间的链式方法调用,默认trueJS
comma_first在新行开始处用逗号代替结束,默认为falseJS
e4x不受影响地传递E4X xml文本,默认为falseJS
indent_level初始缩进级别JS
jslint_happy开启jslint-stricter的严格模式(强制开启“space_after_anon_function”选项),默认falseJS
keep_array_indentation保持数组缩进,默认falseJS
keep_function_indentation保持函数缩进,默认falseJS
operator_position将操作符移动到新行之前或之后,或保持原样。“before-newline”, “after-newline”,或"preserve-newline",默认为"before-newline"JS
space_after_anon_function在匿名函数的括号前加空格,默认为falseJS
space_after_named_function在具名函数之前加一个空格JS
space_before_conditional在条件语句之前保留一个空格,默认trueJS
space_in_empty_paren在括号中留空格,默认为falseJS
space_in_paren在函数参数之间增加空格,默认为falseJS
unescape_strings解码用xNN表示法编码的可打印字符,默认为falseJS
unindent_chained_methodsUnindent链接方法,默认为falseJS
  • 0
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

李卓书

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值