vscode-stylelint-mixins

A Visual Studio Code extension to lint CSS/SCSS/Less with stylelint, support multiple options.

Fork from vscode-stylelint-plus.

Installation

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

Read the extension installation guide for more details.

Optional (but recommended) setup

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:

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

Type: boolean
Default: false

Control whether stylelint file can be empty or not.

stylelint.ignoreDisables

Type: boolean
Default: false

If true, all disable comments (e.g. /* stylelint-disable block-no-empty */) will be ignored.

stylelint.configOverrides

Type: Object
Default: null

Set stylelint configOverrides option.

stylelint.config

Type: Object
Default: null

Set stylelint config option.

stylelint.configFile

Type: string
Default: null

Set stylelint configFile option.

stylelint.configBasedir

Type: string
Default: null

Set stylelint configBasedir option.

stylelint.ignorePath

Type: string
Default: null

Set stylelint ignorePath option.

License

ISC License © 2018- 2019 Watanabe Shinnosuke