stylelint-config-standard-vue

The standard shareable Vue config for Stylelint.

This config:

• extends the stylelint-config-standard shared config and configures its rules for Vue
• extends the stylelint-config-recommended-vue shared config

Requirements

• Stylelint v14.0.0 and above
  It cannot be used with Stylelint v13 and below.

To see the rules that this config uses, please read the config itself.

:cd: Installation

1npm install --save-dev postcss-html stylelint-config-standard-vue

:book: Usage

Set your stylelint config to:

1{
2    "extends": "stylelint-config-standard-vue"
3}

Note: This config enables rules for only .vue files.

If you don't want the rules to be overridden (If you want to enable only the parser.), please use stylelint-config-html.

1{
2    "extends": "stylelint-config-html/vue"
3}

With SCSS

Install stylelint-config-standard-scss:

1npm install --save-dev stylelint-config-standard-scss

Set your stylelint config to:

1{
2    "extends": "stylelint-config-standard-vue/scss"
3}

When used with stylelint-config-standard-scss:

1{
2    "extends": [
3        "stylelint-config-standard-scss",
4        "stylelint-config-standard-vue/scss"
5    ]
6}

Extending the config

Simply add a "rules" key to your config, then add your overrides and additions there.

For example, to add the unit-allowed-list rule:

1{
2    "extends": "stylelint-config-standard-vue",
3    "overrides": [
4        {
5            "files": ["*.vue", "**/*.vue"],
6            "rules": {
7                "unit-allowed-list": ["em", "rem", "s"]
8            }
9        }
10    ]
11}

:computer: Editor integrations

Visual Studio Code

Use the stylelint.vscode-stylelint extension that Stylelint provides officially.

You have to configure the stylelint.validate option of the extension to check .vue files, because the extension does not check the *.vue file by default.

Example .vscode/settings.json:

1{
2  "stylelint.validate": [
3      ...,
4      // ↓ Add "vue" language.
5      "vue"
6  ]

:lock: License

See the LICENSE file for license rights and limitations (MIT).