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

浅浅的花香味﹌ 2021-09-19 08:24 1918阅读 0赞

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzM0MzE0NA_size_16_color_FFFFFF_t_70][]

### jsbeautifyrc.js属性官方参考：[https://github.com/HookyQR/VSCodeBeautify/blob/master/Settings.md][https_github.com_HookyQR_VSCodeBeautify_blob_master_Settings.md] ###

## ##

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzM0MzE0NA_size_16_color_FFFFFF_t_70 1][]

我比较喜欢的一个配置【属性自定义换行给与保护】
    
    "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”

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzM0MzE0NA_size_16_color_FFFFFF_t_70 2][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzM0MzE0NA_size_16_color_FFFFFF_t_70]: /images/20210812/f2a25b1125ab4e22a75e5b43b09bf07c.png
[https_github.com_HookyQR_VSCodeBeautify_blob_master_Settings.md]: https://github.com/HookyQR/VSCodeBeautify/blob/master/Settings.md
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzM0MzE0NA_size_16_color_FFFFFF_t_70 1]: /images/20210812/7c7105c97e8b4b5eba144f00d1079449.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzM0MzE0NA_size_16_color_FFFFFF_t_70 2]: /images/20210812/ccddd8ad1ea84fa6aa2ffd7214ad24b7.png