我看中 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