Using Csscomb in Vscode

Source: Internet
Author: User

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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.