I fancy Csscomb is mainly used to sort CSS attributes, and of course he has the function of formatting;
1, installation Needless to say, but installed, the default seems useless;
2, point open Files-preferences, search the Csscomb will know:
3, the first change to true, needless to say, the second is a little confused, and finally checked the next, configured well after, is this:
Note that "Csscomb.preset": the configuration of {} is divided into two parts, other properties and "Sort-order", so where do these two parts of the configuration come from?
The first part:
Http://csscomb.com/config
Enter here, select all options, generate the first section of the configuration item
Part II:
This part is the collation, the official website provides three kinds of methods:
Https://github.com/csscomb/csscomb.js/tree/master/config
Everyone choose a good, notice, you see I have an array of sub-blocks here and there, this is what to do?
Indicates that the upper and lower blocks are not a class, so that, when sorted, will be in a place that is not a class, multiple empty lines, you see:
Of course, there is a kind of row Mrs. Fremont is not divided, so that the above situation will not appear, we look at the situation choose it.
Reference:
Vscode Csscomb How to configure and use?
Http://csscomb.com/config
Https://github.com/csscomb/csscomb.js/tree/master/config
Using Csscomb in Vscode