码迷,mamicode.com
首页 > Web开发 > 详细

vscode 中使用 csscomb

时间:2018-04-15 21:07:12      阅读:5325      评论:0      收藏:0      [点我收藏+]

标签:www   情况   splay   ref   选项   生成   git   参考   ack   

我看中 csscomb 主要是用来给 css 属性排序用的,当然他也有格式化的作用;

1、安装不必说,但是装了之后,默认似乎没用;

2、点开 文件-首选项,搜下 csscomb 就知道了:

技术分享图片

3、第一个改成 true,不必说,第二个有点懵,最后查了下,配置好了之后,是这样的:
技术分享图片

技术分享图片

注意,"csscomb.preset": {} 的配置分为两部分,其他属性 和 “sort-order”,那么这两部分配置项从哪里来呢?

第一部分:

http://csscomb.com/config

进这里,选择完所有选项,会生成第一部分的配置项

第二部分:

技术分享图片

这部分就是排序规则,官网提供了三种排法:

https://github.com/csscomb/csscomb.js/tree/master/config

技术分享图片

大家选一个就好,注意,你看我这里前后有数组分块了,这是用来干嘛的呢?

技术分享图片

表示,上下两块不是一类,这样的话,排序的时候,会在不是一类的地方,多个空行,你看:
技术分享图片

当然,有一种排法里是不分块的,这样就不会出现上面这种情况,大家看情况选择吧。

参考:

VScode csscomb怎么配置和使用?

http://csscomb.com/config

https://github.com/csscomb/csscomb.js/tree/master/config

vscode 中使用 csscomb

标签:www   情况   splay   ref   选项   生成   git   参考   ack   

原文地址:https://www.cnblogs.com/xianshenglu/p/8849121.html

(1)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!