【Hbuilder开发uni-app】自动格式化代码之jsbeautifyrc.js配置【工具-插件配置-format下】

第一步:特别注意:【使用自带的js-beautify就可以了】 

【Hbuilder开发uni-app】自动格式化代码之jsbeautifyrc.js配置【工具-插件配置-format下】_第1张图片

 

jsbeautifyrc.js属性官方参考:https://github.com/HookyQR/VSCodeBeautify/blob/master/Settings.md

 

js-beautify在Hbuilder是自动安装不可以删除的!【自动格式化代码的配置都在这里---我使用webstorm自动格式化快捷键:Ctrl+Alt+F】

【Hbuilder开发uni-app】自动格式化代码之jsbeautifyrc.js配置【工具-插件配置-format下】_第2张图片

 

我比较喜欢的一个配置【属性自定义换行给与保护】

"html": {
"wrap_attributes":"preserve", //【own新添加】html属性是否换新行【auto自动,force强制换行,preserve保护现有格式 】
}

 

关于js函数和括号之间是否要增加一个空格的配置【自己选择】

"js": {
            // 在命名函数的括号之前添加一个空格,即。function example ()。 
			"space_after_named_function": true, 
            // 在匿名函数的括号之前添加一个空格,即。function ()
			"space_after_anon_function": true, 
}

 

wrap_attributes配置参数: 将属性换行到新行。“auto”,“force”,“force-aligned”,“force-expand-multiline”,“align-multiple”,“preserve”或“preserve-aligned” “auto”

【Hbuilder开发uni-app】自动格式化代码之jsbeautifyrc.js配置【工具-插件配置-format下】_第3张图片

你可能感兴趣的:(uni-app,Hbuilder)