H5W3
当前位置:H5W3 > uniapp技术问答专区 > 正文

HBuilderXCSS文件格式化成一行

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

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

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

"css": {
"newline_between_rules": false,
"selector_separator_newline": false,
"preserve_newlines": false
}
HBuilderXCSS文件格式化成一行
  1. 保存后在到CSS文件中Ctrl+A选中所有内容,Ctrl+Shift+K合并为一行,然后Ctrl+K格式化试试是否符合预期。
HBuilderXCSS文件格式化成一行

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

本文地址:H5W3 » HBuilderXCSS文件格式化成一行

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址