vscode-stylefmt

stylefmt is a tool that automatically formats your stylesheets.

Donate

If you want to thank me, or promote your Issue.

Sorry, but I have work and support for plugins requires some time after work. I will be glad of your support.

Install

• Press F1 and select Extensions: Install Extensions.
• Search for and select stylefmt.

See the extension installation guide for details.

Usage

• You can use global keyboard shortcut ALT+SHIFT+F or right-click context menu Format code.
• Or press F1 and run the command named stylefmt: Format CSS.

Supported languages

• CSS
• SCSS

Supported settings

configBasedir

• Type: string
• Default: null

Base working directory; useful for stylelint extends parameter.

config

• Type: object || string
• Default: null

Config object for stylelint or path to a stylelint config file.

Will automatically look for .stylelintrc and stylelint.config.js in workspace root, or a stylelint param in the package.json, if config is omitted.

Keyboard shortcuts

For changes keyboard shortcuts, create a new rule in File -> Preferences -> Keyboard Shortcuts:

{
  "key": "ctrl+shift+c",
  "command": "stylefmt.execute"
}

Custom configuration

Read about the stylelint rules and default rules in stylefmt repository.

Changelog

See the Releases section of our GitHub project for changelogs for each release version.

License

This software is released under the terms of the MIT license.