stylelint-config-tenx

Lint style, support css-modules 🆒

based on stylelint-config-standard and stylelint-config-css-modules

Usage

First, install this package, stylelint and the necessary plugins.

npm install -D stylelint-config-tenx [email protected]
# or
yarn add -D stylelint-config-tenx [email protected]

Then create a file named .stylelintrc.json(or .stylelintrc) with following contents in the root folder of your project:

{
  "extends": "stylelint-config-tenx"
}

Usage with IDE

vscode

First, install stylelint extension.

Name: stylelint
Id: shinnn.stylelint
Description: Modern CSS/SCSS/Less linter
Version: 0.51.0
Publisher: Shinnosuke Watanabe
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=shinnn.stylelint

Optional (but recommended) setup duplicate messages from both the built-in linter and vscode-stylelint

To prevent both the editor built-in linters [css] [less] [scss] and this extension [stylelint] from reporting essentially the same errors like in the screenshot, disable the built-in ones in User or Workspace setting:

  "css.validate": false,
  "less.validate": false,
  "scss.validate": false