泛白的夜
泛白的夜
  • 发布:2020-08-24 12:57
  • 更新:2021-06-12 11:55
  • 阅读:1011

请问怎么将css格式化为单行显示?

分类:HBuilderX
css

百度了下说在菜单栏中的工具-插件安装,进去后安装jsCompressor 安装后重启但是我没有在那里找到插件,也许是版本的原因,不过我在官网的插件中也没有搜索到jsCompressor...
还有就是按照《CSS 格式化 一行一条》这里的是可以单行显示不过会变成隔一行空行


那么还有没有其他的插件能实现单行显示?

2020-08-24 12:57 负责人:无 分享
已邀请:
coneee

coneee

一。脚本文件 X:\HBuilderX\plugins\format\node_modules\js-beautify\js\src\css\beautifier.js
...
} else if (this._ch === '{') {
this.eatWhitespace(); //去除参数true
//this._output.add_new_line(); //注释掉
} else if (this._ch === '}') {
...
//this._output.add_new_line(); //注释掉
...
this.eatWhitespace(); //去除参数true
...
} else if (this._ch === ';') {
...
this.eatWhitespace(); //去除参数true
...
//this._output.add_new_line(); //注释掉
}


修改原则:针对{};左右花括号和分号这三个符号去空格,不换行。每修改一条,测试效果是否修改正确(三个符号,共六处或七处,分号有一处子判断也可去空格,看自己需要)。。。


二。配置文件 X:\HBuilderX/extensions/format/jsbeautifyrc.js(也可打开工具——设置——插件配置——点击jsbeautifyrc.js,直接修改)

html": {
···
}, //在此行插入一个逗号之后添加如下CSS控制代码,注意加逗号。
"css": {
"newline_between_rules": false, //行与行间是否插入空行
"selector_separator_newline": false,
"preserve_newlines": false
}


修改原则:让CSS不添加空行。

该问题目前已经被锁定, 无法添加新回复