Hbuilder/Uniapp 格式化的时候，很多属性会排列在一行，如何结局？

时间：2024-03-07 08:56:50

因为自己遇到这个问题，然后百度了很久都得不到解决办法，所以解决问题以后在博客园写下此文，希望能帮助到更多人！

//在jsbeautifyrc.js里面的html中加入这个，就OK了
"wrap_attributes":"force"//【own新添加】html属性是否换新行【auto自动，force强制换行,preserve保护现有格式 】

如果是第一次不会，可以看如下流程图

1：在插件安装中找到如下图所示，点击配置

此插件是Hbuilder默认自带的格式化插件

 

2：点击 jsbeautify.js这个

 

3：点击之后，会打开配置文件，如图所示

4：在下面html中加入配置："wrap_attributes":"force"

绿色选中的这一样就是

"html": {
			"indent_handlebars": true,
			"indent_inner_html": true,
			"indent-scripts": "normal", //[keep|separate|normal]
			"extra_liners": [] ,//配置标签列表，需要在这些标签前面额外加一空白行
			"wrap_attributes":"force"//【own新添加】html属性是否换新行【auto自动，force强制换行,preserve保护现有格式 】
		}

完成的配置参考如下：

点击查看代码
module.exports = {
	parsers: {
		".js": "js",
		".json": "js",
		".njs": "js",
		".sjs": "js",
		".wxs": "js",
		".css": "css",
		".nss": "css",
		".wxss": "css",
		".acss": "css",
		".ttss": "css",
		".qss": "css",
		".html": "html",
		".ux": "html",
		".wxml": "html",
		".nml": "html",
		".vue": "html",
		".nvue": "html",
		".axml": "html",
		".swan": "html",
		".ttml": "html",
		".qml": "html"
	},
	options: {
		"indent_size": "1",
		"indent_char": "\t",
		"indent_with_tabs": false, //使用tab缩进
		"eol": "\r\n", //行结束符
		"end_with_newline": false, //使用换行结束输出
		"indent_level": 0, //起始代码缩进数
		"preserve_newlines": true, //保留空行
		"max_preserve_newlines": null, //最大连续保留换行符个数。比如设为2，则会将2行以上的空行删除为只保留1行
		"space_in_paren": false, //括弧添加空格 示例 f( a, b )
		"space_in_empty_paren": false, //函数的括弧内没有参数时插入空格 示例 f( )
		"jslint_happy": false, //启用jslint-strict模式
		"space_after_anon_function": false, //匿名函数的括号前加空格
		"brace_style": "collapse", //代码样式，可选值 [collapse|expand|end-expand|none][,preserve-inline] [collapse,preserve-inline
		"unindent_chained_methods": false, //不缩进链式方法调用
		"break_chained_methods": false, //在随后的行中断开链式方法调用
		"keep_array_indentation": false, //保持数组缩进
		"unescape_strings": false, //使用xNN符号编码解码可显示的字符
		"wrap_line_length": 120,
		"e4x": false, //支持jsx
		"comma_first": false, //把逗号放在新行开头，而不是结尾
		"operator_position": "before-newline",
		"unformatted": ["wbr"],
		"html": {
			"indent_handlebars": true,
			"indent_inner_html": true,
			"indent-scripts": "normal", //[keep|separate|normal]
			"extra_liners": [] ,//配置标签列表，需要在这些标签前面额外加一空白行
			"wrap_attributes":"force"//【own新添加】html属性是否换新行【auto自动，force强制换行,preserve保护现有格式 】
		}
	}
}

 

相关文章