# stylelint-config-standard-vue

> The standard shareable Vue config for Stylelint.

Latest version **2.0.0** (published 2026-08-01) · MIT license · 0 weekly downloads

## Install

```sh
npm install stylelint-config-standard-vue
pnpm add stylelint-config-standard-vue
yarn add stylelint-config-standard-vue
bun add stylelint-config-standard-vue
```

## Health

**Score 65/100 (B)** — status: active.

Positive: esm support; no vulnerabilities; has provenance; recently updated; high maintenance score.

Warnings: low downloads; no types.

## Facts

| | |
|---|---|
| Version | 2.0.0 |
| Published | 2026-08-01 |
| First published | 2022-01-24 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Node | ^22.12 \|\| >=24 |
| Dependencies | 0 |
| Unpacked size | 8.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 27 |
| Author | Yosuke Ota |
| Maintainers | ota-meshi |
| Keywords | stylelint, stylelint-config, standard, vue |

## Links

- npm: https://www.npmjs.com/package/stylelint-config-standard-vue
- Repository: https://github.com/ota-meshi/stylelint-config-standard-vue
- Homepage: https://github.com/ota-meshi/stylelint-config-standard-vue#readme
- Issues: https://github.com/ota-meshi/stylelint-config-standard-vue/issues
- Funding: https://github.com/sponsors/ota-meshi
- npm.io page: https://npm.io/package/stylelint-config-standard-vue

## Alternatives

- [eslint-plugin-sonarjs](https://npm.io/package/eslint-plugin-sonarjs.md) — 2.9M weekly downloads
- [eslint-config-expo](https://npm.io/package/eslint-config-expo.md) — 1.5M weekly downloads
- [@matter/protocol](https://npm.io/package/@matter/protocol.md) — 63.5K weekly downloads
- [@eventcatalog/linter](https://npm.io/package/@eventcatalog/linter.md) — 24.8K weekly downloads
- [@inrupt/eslint-config-base](https://npm.io/package/@inrupt/eslint-config-base.md) — 4.5K weekly downloads

## Recent versions

- 2.0.0 (latest) — 2026-08-01
- 1.0.0 — 2022-01-24
- 0.0.1 — 2022-01-24

## README

# stylelint-config-standard-vue

[![NPM license](https://img.shields.io/npm/l/stylelint-config-standard-vue.svg)](https://www.npmjs.com/package/stylelint-config-standard-vue)
[![NPM version](https://img.shields.io/npm/v/stylelint-config-standard-vue.svg)](https://www.npmjs.com/package/stylelint-config-standard-vue)
[![NPM downloads](https://img.shields.io/npm/dw/stylelint-config-standard-vue.svg)](http://www.npmtrends.com/stylelint-config-standard-vue)
[![NPM downloads](https://img.shields.io/npm/dm/stylelint-config-standard-vue.svg)](http://www.npmtrends.com/stylelint-config-standard-vue)
[![Build Status](https://github.com/ota-meshi/stylelint-config-standard-vue/workflows/CI/badge.svg?branch=main)](https://github.com/ota-meshi/stylelint-config-standard-vue/actions?query=workflow%3ACI)

> The standard shareable Vue config for [Stylelint].

This config:

- extends the [`stylelint-config-standard` shared config](https://github.com/stylelint/stylelint-config-standard) and configures its rules for Vue
- extends the [`stylelint-config-recommended-vue` shared config](https://github.com/ota-meshi/stylelint-config-recommended-vue)

> **Requirements**
>
> - [Stylelint] v16.0.0 and above
> - [postcss-html](https://github.com/ota-meshi/postcss-html) v2.0.0 and above
> - Node.js `^22.12 || >=24`

To see the rules that this config uses, please read the [config itself](/lib/index.js).

## :cd: Installation

```shell
npm install --save-dev postcss-html stylelint-config-html stylelint-config-recommended-vue stylelint-config-standard stylelint-config-standard-vue
```

The shared configs that this config extends (`stylelint-config-html`, `stylelint-config-recommended-vue`, and `stylelint-config-standard`) are peer dependencies, so you can control their versions from your own `package.json`.

## :book: Usage

Set your `stylelint` config to:

```json
{
    "extends": "stylelint-config-standard-vue"
}
```

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](https://github.com/ota-meshi/stylelint-config-html).

```json
{
    "extends": "stylelint-config-html/vue"
}
```

Since this package configure `customSyntax` option to allow parsing Vue files, be sure it is the **LAST** item into the `extends` array, in case more than one configuration is applied.
Not complying to this rule may result in broken Vue files parsing, generating confusing errors like `Unknown word (CssSyntaxError)`.

### With SCSS

Install `stylelint-config-standard-scss` (v13.0.0 and above; it is an optional peer dependency, only needed for this config):

```shell
npm install --save-dev stylelint-config-standard-scss
```

Set your `stylelint` config to:

```json
{
    "extends": "stylelint-config-standard-vue/scss"
}
```

When used with `stylelint-config-standard-scss`:

```json
{
    "extends": [
        "stylelint-config-standard-scss",
        "stylelint-config-standard-vue/scss"
    ]
}
```

### 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:

```json
{
    "extends": "stylelint-config-standard-vue",
    "overrides": [
        {
            "files": ["*.vue", "**/*.vue"],
            "rules": {
                "unit-allowed-list": ["em", "rem", "s"]
            }
        }
    ]
}
```

## :computer: Editor integrations

### Visual Studio Code

Use the [stylelint.vscode-stylelint](https://marketplace.visualstudio.com/items?itemName=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**:

```jsonc
{
  "stylelint.validate": [
      ...,
      // ↓ Add "vue" language.
      "vue"
  ]
```

## :lock: License

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

[Stylelint]: https://stylelint.io/

---
_Source: https://npm.io/package/stylelint-config-standard-vue · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._