Skip to content
| Marketplace
Sign in
Visual Studio Code>Linters>stylelint-plusNew to Visual Studio Code? Get it now.
stylelint-plus

stylelint-plus

Hex

|
303,523 installs
| (7) | Free
Modern CSS/SCSS/Less linter for vscode, support auto fix on save.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

vscode-stylelint-plus

Visual Studio Marketplace Version Visual Studio Marketplace Installs

A Visual Studio Code extension to lint CSS/SCSS/Less with stylelint, support auto fix on save.

Fork from vscode-stylelint.

screenshot

Installation

  1. Execute Extensions: Install Extensions command from Command Palette.
  2. Type @sort:installs stylelint-plus into the search form and install the topmost one.

Read the extension installation guide for more details.

Optional (but recommended) setup

duplicate messages from both the built-in linter and vscode-stylelint-plus

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

Usage

Once a user follows the stylelint startup guide by creating a configuration file or by editing stylelint.* VSCode settings, stylelint automatically validates documents with these language identifiers:

UI to select a language identifier
  • CSS (css)
  • HTML (html)
  • Less (less)
  • JavaScript (javascript)
  • JavaScript React (javascriptreact)
  • Markdown (markdown)
  • Markdown+MathML (source.markdown.math)
  • PostCSS (postcss)
  • Sass (sass)
  • SCSS (scss)
  • styled-components
    • Official (source.css.styled)
    • Userland (styled-css)
  • Sugarss (sugarss)
  • Svelte (svelte)
  • TypeScript (typescript)
  • TypeScript React (typescriptreact)
  • Vue (vue, vue-html, vue-postcss)
  • XML (xml)
  • XSL (xsl)

Extension settings

Though it's highly recommended to add a stylelint configuration file to the current workspace folder instead, the following extension settings are also available.

stylelint.enable

Type: boolean Default: true

Control whether this extension is enabled or not.

stylelint.autoFixOnSave

Type: boolean Default: false

Turns auto fix on save on or off.

stylelint.configOverrides

Type: Object Default: null

Set stylelint configOverrides option.

stylelint.config

Type: Object Default: null

Set stylelint config option. Note that when this option is enabled, stylelint doesn't load configuration files.

stylelint.useLocal

Type: Boolean Default: false

Use local version of stylelint.

stylelint.disableErrorMessage

Type: Boolean Default: true

Whether to turn off the display of error messages.

License

MIT License © 2019 - 2021 Hex

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft