vscode-stylelint

A Visual Studio Code extension to lint CSS/SCSS/Less with stylelint

Installation

Run Install Extension command from Command Palette.
Search and choose stylelint.

See the extension installation guide for details.

Usage

Enable the linter in the VS Code settings, while disabling the built-in CSS and SCSS linter:

{
  "stylelint.enable": true,
  "css.validate": false,
  "scss.validate": false
}

Configurations

In addition to the VS Code settings mentioned below, you can set the config by adding stylelint configuration files to the workspace directory.

stylelint.enable

Type: Boolean
Default: true

Control whether stylelint is enabled for CSS/SCSS/Less files or not.

stylelint.configOverrides

Type: Object
Default: null

Will be directly passed to configOverrides option.

stylelint.config

Type: Object
Default: null

Will be directly passed to config option. Note that if you set config option, this plugin ignores all the stylelint configuration files.

stylelint.additionalDocumentSelectors

Type: Array
Default: []

Document types that you can use to run stylelint against if you are using CSS inside document types like: javascriptreact, typescriptreact or vue.

License

Licensed under the MIT License.

KentonYu/vscode-stylelint