HBuilderXCSS文件格式化成一行

分类：HBuilderX

HBuilderX css 格式化

为更便于阅读和书写，习惯将CSS文件中的规则定义块格式化在一行，在DCloud问答中找到这篇（CSS 格式化成一行一条），不过这种改组件源码的方式显然不是很适合。

经过简单了解在HBuilderx中可以通过简单配置实现。步骤如下：

1.工具 --> 插件配置 --> format --> jsbeautifyrc.js,在打开的options中添加如下代码：

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

本机格式话后的效果如附件图所示。本机使用的HBuilderx版本为：1.1.0.20181030

2 赞关注分享

6 个评论

要回复文章请先登录或注册

不要那样的想要这样的：
.a {width: 100%;color: #fff;}
.b{width: 100%;color: #fff;}

2019-05-24 14:33

.a {
width: 100%;
color: #fff;
}
.b{
width: 100%;
color: #fff;
}

2019-05-24 14:33

HBuilderX设置了没用啊，属性还是换行。我要属性不换行

2019-02-18 20:38

回复 2***@qq.com ：

这个配置主要是做到不改相关源码就可以实现样式名统一在一行显示，要不然默认格式化规则，一个CSS规则占用一行，阅读起来有些太不方便了。

2018-12-27 01:33

感谢分享

2018-11-28 10:52

楼主理解错意思了，人家是想要一条一行显示，不是所有整个css文件合并成一行，晕啊

2018-11-27 19:59