候补的神
候补的神
  • 发布:2016-05-01 11:38
  • 更新:2022-08-26 19:33
  • 阅读:15632

CSS 自动验证格式化排序 一行一条 [新]

分类:HBuilderX

HBuilderX 的 CSS格式化使用 js-beautify 插件, 这玩意不能格式化成一行,现提供新的的方法。

官方插件市场安装插件 validate-stylelint
该插件在 保存时 进行语法校验,提示错误,自动修复 。我们可借助 [一行规则+自动修复]来自动格式化,并增加一个排序功能。
截至 v1.0.6 版本 没有开启【自动修复】,暂需自行修改插件。若插件更新并开启自动修复,可忽略修改步骤。

安装后 ,插件文件夹 x:\HBuilderX\plugins\validate-stylelint

1、改造插件,开启自动修复,添加排序插件
修改文件 package.json
1-1、在命令数组最后添加个 "--fix" 参数 开启修复

 "command": [  
    ....  
    "${pluginPath}",  
    "${file}", // 逗号分隔  
    "--fix"  // 这里添加    
]

1-2、添加排序插件

"dependencies": {  
    .....  
    "stylelint-config-standard": "^18.2.0",  
    "stylelint-config-recess-order": "^2.4.0"  // 添加  
}

validate-stylelint 文件夹下执行 [ npm up ] 更新依赖

2、新增排序扩展 和 一行 规则

修改规则文件 .stylelintrc.js

"extends": [  
    "stylelint-config-recommended",  
    "stylelint-config-recess-order"  // 添加  
],  
"rules": {  
     // 自定义一行规则 见附件  
}
h1,  
h2{  
    color:#fff;  
    margin-top: 0;  
    top: 10px;  
}  
// 自动格式化+排序  
h1, h2{ top: 10px; margin-top: 0; color:#fff;}
17 关注 分享
DCloud_heavensoft m***@163.com 无聊的纠结 肖邦 深井冰_01 五叶神 h***@foxmail.com _LHH_ PownDs 羅 lhyh 辰溪 m***@126.com 聆听心语 彳余001 testmac 巅峰丶北北

要回复文章请先登录注册

候补的神

候补的神 (作者)

mac版本我没用过,不过脚本结构应该都是一样的,自己追踪调下。
2019-04-10 14:23
jjmathy

jjmathy

hbuilderX没用
2019-02-18 20:30
拜托程序员

拜托程序员

新版hbuilderX这是失效了吧
2018-12-12 13:53
全村人的老司机

全村人的老司机

如果小伙伴不想这么麻烦 可以 访问http://www.bejson.com/ 进行各种语言的格式化操作 哈哈哈哈哈哈
2018-11-27 18:41
1***@qq.com

1***@qq.com

有没有mac版本修改成功的老哥
2018-10-13 11:53
m***@126.com

m***@126.com

用起来来,非常好,感谢!!
2018-06-26 13:38
8***@qq.com

8***@qq.com

这评论的字段长度挺长的,base64的图片都可以发得出去,我试了楼主的方法,可以生效,但是方法是直接覆盖js文件,我是在最新版的js文件上面修改的,上面的base64代码就是我的方法(复制代码,在浏览器url直接打开),其实重点就是楼主说的print.newLine(),只不过新版js重新优化了一下方法
2018-06-16 16:18
2***@qq.com

2***@qq.com

真心不错,如果能做个mxl能导入就更好了
2017-09-23 10:12
八爪熊

八爪熊

有没MAC用户成功的?
2017-05-10 11:29
TangJuyi

TangJuyi

终于找到了。给力
2017-04-19 22:21