【精】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

名称	汉化	类型
eol	end of line，行结尾字符"\n"	ALL
end_with_newline	在文件结尾保证有换行	ALL
indent_char	缩进字符，默认" "	ALL
indent_size	缩进大小，默认4	ALL
indent_with_tabs	使用tab缩进，将会覆盖“indent_size”和“indent_char”设置，默认false	ALL
preserve_newlines	保留空行，默认“true”	ALL
max_preserve_newlines	一次最多保留多少行的空行，默认10	ALL
wrap_line_length	在多少个字符后换行，设置0自动忽略	ALL
extra_liners	在标签之前应该有多少个换行	HTML
indent_body_inner_html	[Bool] 缩进 < body> 中的元素，默认：true	HTML
indent_handlebars	格式和缩进，默认为false	HTML
indent_head_inner_html	[Bool] 缩进 < head> 中的元素，默认：true	HTML
indent_inner_html	[Bool] 缩进< head>和< body>中的元素（head和body也会缩进），默认：false	HTML
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_size	HTML
unformatted	[Array] 数组中的标签不会重新格式化，默认：[]	HTML
content_unformatted	[Array] 数组中标签的内容不会重新格式化，默认：[“pre”,“textarea”]	HTML
void_elements	定义自关闭标签	HTML
newline_between_rules	在css规则之间添加一个换行符，默认为false	CSS
selector_separator_newline	在多个选择器之间加一个换行符	CSS
space_around_combinator	确保选择器之间有空格空隙	CSS
brace_style	括号风格，“collapse-preserve-inline”, “collapse”, “expand”, “end-expand”, or “none” ,默认“collapse”	JS
break_chained_methods	中断多行间的链式方法调用，默认true	JS
comma_first	在新行开始处用逗号代替结束，默认为false	JS
e4x	不受影响地传递E4X xml文本,默认为false	JS
indent_level	初始缩进级别	JS
jslint_happy	开启jslint-stricter的严格模式（强制开启“space_after_anon_function”选项）,默认false	JS
keep_array_indentation	保持数组缩进，默认false	JS
keep_function_indentation	保持函数缩进，默认false	JS
operator_position	将操作符移动到新行之前或之后，或保持原样。“before-newline”， “after-newline”，或"preserve-newline",默认为"before-newline"	JS
space_after_anon_function	在匿名函数的括号前加空格,默认为false	JS
space_after_named_function	在具名函数之前加一个空格	JS
space_before_conditional	在条件语句之前保留一个空格，默认true	JS
space_in_empty_paren	在括号中留空格，默认为false	JS
space_in_paren	在函数参数之间增加空格，默认为false	JS
unescape_strings	解码用xNN表示法编码的可打印字符,默认为false	JS
unindent_chained_methods	Unindent链接方法,默认为false	JS

【精】beautify插件使用及配置汉化相关推荐

前端表格插件Jquery DataTable简单汉化
前端表格插件Jquery DataTable简单汉化项目需要求,需要用到Jquery DataTable插件,功能强大,可以实现前端数据分页和页面检索,数据10000条类可以考虑.但由于国外插件,页 ...
PS卡通效果插件Photobacks Cartoon Mac汉化破解教程(含注册码)
Photobacks Cartoon for Mac是一款适用于Mac操作系统的PS卡通漫画效果插件,可以帮您轻松创建想要的漫画效果.使用Photobacks Cartoon插件您可以轻松地折叠和打开 ...
eclipse安装/配置/汉化/VMware安装/rhel server 6.5下载/百度云盘的破解版/jdk
这里只给出云盘链接,均为我在官网下载的文件若链接失效可在下方留言或者联系QQ1923137884索要百度云盘的破解版先给一个百度云盘的破解版链接:百度云管家下载完成后打开百度云不限速.exe即 ...
PS人像磨皮调色插件ultimate retouch中文汉化版
为大家分享新版本的Ultimate Retouch for mac中文破解版,这是一款安装在photoshop中使用的PS人像精修磨皮调色插件,ultimate retouch插件具备磨皮.调色.美白 ...
PostgreSQL11 | postgresql的页面配置(汉化)
安装就不再本文章中出现了,安装教程在CSDN上自己搜一下相关的关键字就有很多写的比我要好的安装教程,所以不再对安装过程描述,本篇只对国人很关键的汉化做教学. postgresql自己会配套一个pgad ...
WordPress插件、Erphp loggedin汉化版插件、异地IP登录自动禁封用户
简介: Erphp loggedin是一款模板兔开发的基于异地IP登录自动禁封用户的WordPress插件, 插件主要功能就是基于同时在线IP数.固定时间段内的登录IP数这两个值来自动禁封用户,有效防 ...
Jenkins安装与配置及汉化
一.介绍: Jenkins 是一款流行的开源持续集成工具,具有自动化构建.测试和部署等功能.官网: http://jenkins-ci.org/ 二. Jenkins的特点: Jenkins是开源的, ...
IntelliJ IDEA全界面汉化（官方插件）
现在很多人用IntelliJ IDEA写java代码,但小白很苦恼,看不懂,今天来分享一下怎么汉化因为现在IDEA官方是支持汉化了,所以我们直接使用IDEA的插件 4. 下载Chinese汉化包(第 ...
【安装】sublime text 3 汉化插件
A.输入快捷键Ctrl+Shift+P 在出现的文本框中输入Install Package(或直接输入"ip")选中packageControl:Install Package并回 ...
Java环境配置与eclipse安装破解与汉化
一 JDK安装与配置 1. 下载软件并安装一般官网上有下载,下载有选择,选择windows64位的安装,点击EXE文件下一步,选择自动安装JRE,自定义安装JDK路径,安装好后,自定义JRE路径( ...

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

文章目录

说明

使用

参考网站

【精】beautify插件使用及配置汉化相关推荐

最新文章

热门文章