CSS 格式化 一行一条 - 2020-06-29

在之前的版本中，参照着 https://ask.dcloud.net.cn/article/628 成功的将css代码修改成了一行，但某次更新后发现又不可以了，好像更新了 beautifier.js 版本
网上有很多写有方法修改的，但有些总是不尽人意，有些真是有些老的方法了
这次在标题中写明日期，注意看哈

先看效果：

```css  
@charset "utf-8";  
/* CSS Document */  
.help_nav {width: 970px;margin: auto;height: 30px;padding-top: 5px;line-height: 30px;color: #555555;}  
.help_nav label {color: #999999;}  
.main {width: 970px;margin: auto;}  
.list_l {width: 715px;float: left;border: 1px solid #dadada;margin-bottom: 20px;}
```  

解决方法：  

1..............................................................
工具 > 插件配置 > format > jsbeautifyrc.js
module.exports = {
parsers: {
...
},
options: {

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

}
}

2..............................................................
修改文件：\HBuilderX\plugins\format\node_modules\js-beautify\js\src\css\beautifier.js
比较推荐的方法是注释掉
注释掉：
295行
298行
369行
代码都一样：this._output.add_new_line();

3..............................................................
先Ctrl + A 全选，再Ctrl + Shift + K将代码压缩成一行
再Ctrl + K 后查看效果

有什么疑问，下方留言喽