The recommended stylelint config of 75team
Extends stylelint-config-standard
, and uses stylelint-order
to help sorting css properties according to our customized order.
Use it as is or as a foundation for your own config.
To see the rules that this config uses, please read the detail of our config rules.
npm install stylelint-config-75team --save-dev
Once you installed stylelint-config-75team
locally within you project, just set you stylelint config to :
{
"extends": "stylelint-config-75team"
}
Since we have extended 'stylelint-config-standard'
, you don't need to install the standard extends again.
Simply add a "rules" key to your config, then add your overrides and additions there.
For example, if you want all the string quotes to be single in your project, you can change the string-quotes
rule to 'single'
.
{
"extends": "stylelint-config-75team",
"rules": {
"string-quotes": "single"
}
}
If you need furthor information about customizing rules, you can read configuration guide and rules of stylelint
If you want to use stylelint in your project, we suggest you use the corresponding plugin in your IDE to get better coding experience.
If you use VSCode, you need to install the following plugins:
-
stylelint: A Visual Studio Code extension to lint CSS/SCSS/Less with stylelint
-
stylefmt: is a tool that automatically formats your stylesheets.
If you use Sublime, you need to install SublimeLinter-contrib-stylelint.
In order for stylelint to be executed by SublimeLinter,you must ensure that nodejs is available to SublimeLinter.Before going any further, please read and follow the steps in “Finding a linter executable” through “Validating your PATH” in the documentation.