Hbuilder中如何设置格式化CSS代码为单行

hbuilder是一个很优秀的代码编辑器,CSS习惯了CSS 一行一条已经写习惯了,HBuilder不支持自定义,但又很喜欢这个编辑器,经过一番折腾基本满足需求了,现提供修改方法以供参考。
HBuilder的js,HTML,CSS格式化插件是 js-beautify 脚本(https://github.com/beautify-web/js-beautify)

第一步:

打开编辑器所在文件夹找到插件目录

X:\Program Files\HBuilder\plugins

第二步:

搜索文件“beautify-CSS.js”

你可能会看到多个同名的文件,这是由于【编辑器更新】之后并没有删除之前旧版本的插件,根据创建日期找到最新的版本进行修改,否则无效。

X:\Program Files\HBuilder\plugins\【自动生成的插件文件夹】\js\node_modules\js-beautify\js\lib\beautify-CSS.js

第三步:

格式化脚本

根据【符号】添加换行、空格等达到格式的目的,我们只需要去除不需要的换行即可。主要就是print.newLine();

找到 ch === '{' 和 ch === '}' 去除或直接替换要插入的内容即可,没什么技术含量,应该都能搞定的。


懒得动手可以直接下载附件内脚本整个替换,修改的部分我没有删除,只是注释掉了。

Hbuilder中如何设置格式化CSS代码为单行Hbuilder中如何设置格式化CSS代码为单行

注意:

模板下载吧仅针对普通CSS做了测试,如果是less、sass还请自行使用语法验证,若发现问题还需同志们一起努力。

修改前的样式:

  1. h1, h2, h3
  2. {
  3. margin-top: 0;
  4. margin-bottom10px
  5. }

修改后的样式:

  1. h1, h2, h3 { margin-top: 0; margin-bottom10px }

下载地址

注意:本段内容隐藏解压密码/提取密码必须成功评论后刷新获取!

回复本文刷新本页

如果您觉得本站对你有帮助请按住键盘上CTRL+D收藏!欢迎再次光临!

Hbuilder中如何设置格式化CSS代码为单行

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

所有文章为演示数据,不提供下载地址,版权归原作者所有,仅提供演示效果!

模板下载吧 福利分享 Hbuilder中如何设置格式化CSS代码为单行 https://www.mbxzb.com/blog/file/ganhuo/1461.html

从明天起,做一个幸福的人,喂马、劈柴、周游世界…

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用
查看详情

相关文章

评论
35 条评论
点击按钮快速添加回复内容: 支持 高兴 激动 给力 加油 苦寻 生气 回帖 路过 威武 友军 顶贴
. 俗
2021-05-28 19:50

谢谢

小兵丶阿瑾
2021-01-04 17:51

谢谢

1030509190010306
2020-08-20 17:19

我也试试,按步骤说,没有弄成功

ღ薄荷糖的味道
2020-07-23 12:09

支持模板下载吧,以后经常来

ღ薄荷糖的味道
2020-07-23 12:09

我也试试,按步骤说,没有弄成功

사랑해요
2020-06-03 16:14

试试看

对不起,你没有访问权
2020-04-14 02:20

支持模板下载吧,以后经常来

Just、痴情一生
2020-03-24 16:23

支持模板下载吧,以后经常来

零.休止符
2020-02-17 21:50

试试看

91001649159101
2020-02-08 00:50

X的来试试

BURY™
2019-12-27 03:10

X能否使用呢

小心奕奕
2019-11-29 13:35

看到这么好的资源真是高兴,站长辛苦了!

Programmer
2019-09-05 09:43

感谢 ,试一下吧

桃子的榴莲
2019-08-16 13:56

感谢 ,试一下吧

༄ 我惯的呗࿐
2019-07-28 17:23

感谢 试一下

青草居士
2019-07-18 22:58

感谢分享,找了很久的方法,之前都是在线格式化,非常繁琐,膜拜大神。

躺在麦田里唱歌
2019-07-05 11:04

感谢分享,希望有用。感谢分享,希望有用。

躺在麦田里唱歌
2019-07-05 11:04

感谢分享,希望有用。

黎子
2019-06-15 14:18

有需要,需要看看

喀什酒家/shuai
2019-02-27 10:24

感谢分享,希望有用。

小小少年
2019-01-31 22:24

看看吧,谢谢,难得该

Lilin
2018-12-21 17:58

感谢分享,希望有用。

Asher
2018-12-10 09:46

谢谢!谢谢!谢谢!

白云红叶
2018-12-05 09:59

不错啊先拿走了

三K纯金党/xyx
2018-12-01 11:09

先评论看看

海绵、八月
2018-10-25 11:10

先评论看看

不种胡杨不改名
2018-06-24 17:22

试试,谢谢分享

ま竹乄梦ら
2018-05-15 14:55

找了很久,谢谢!

不要碧莲
2018-04-16 11:43

找了好久谢谢分享

天之痕
2018-04-14 14:51

这个特别给力。

回忆牵动最痛的伤口
2018-02-10 17:03

谢谢谢谢谢谢

贝仙
2017-11-14 15:54

试试看,有强迫症

      
2017-08-21 17:03

:tear: 好厉害的样子 解决 :smilingeyes:

2017-08-03 12:03

:good: :good: 大牛,别默默的看了,快来点评一下吧!:)。

2017-01-05 04:58

适合新手~老鸟飘过~

官方客服团队

为您解决烦忧 - 24小时在线 专业服务

Hbuilder中如何设置格式化CSS代码为单行-海报

分享本文封面