Awesome Open Source
Awesome Open Source

vscode-stylelint

Build Status

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

screenshot

Installation

  1. Execute Extensions: Install Extensions command from Command Palette.
  2. Type @sort:installs stylelint 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

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

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.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.

License

ISC License © 2018- 2019 Watanabe Shinnosuke


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
javascript (70,403
css (7,394
react (5,466
vue (4,290
vuejs (1,113
markdown (873
scss (720
sass (470
vscode (397
validation (320
vscode-extension (261
linter (243
styled-components (238
less (181
postcss (171
jsx (155
css-in-js (141
visual-studio-code (119
stylelint (57
stylesheet (30