HBuilderX格式化css

默认格式化样式

#aaa {
    width: 100%;
    height: 100%;
}

#bbb,
#ccc,
#ddd {
    width: 100%;
    height: 100%;
}

期望格式化样式

#aaa {
    width: 100%;
    height: 100%;
}
#bbb, #ccc, #ddd {    
    width: 100%;
    height: 100%;
}

设置方式

1、打开HBuikderX安装目录下的format文件夹，C:\Program Files\HBuilderX\plugins\format，\HBuilderX\plugins\format前面的路径修改为自己HBuilderX的安装目录

2、打开format文件夹下的jsbeautifyrc.js文件

3、在options中加入如下代码段，“css”和“html”同级

"css": {  
    "newline_between_rules": false,  
    "selector_separator_newline": false,  
    "preserve_newlines": false
}

4、加入后的文件内容如下图