vscode-stylefmt

stylefmt is a tool that automatically formats your stylesheets.

⚠️ This plugin is archived

The main package (stylefmt) does not develop.

Alternatively you can use:

• vscode-stylefmt plugin with stylefmt fork.
• postcss with similar plugins.
• stylelint

Donation

Do you like this project? Support it by donating, creating an issue or pull request.

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
• PostCSS
• Less
• SCSS
• SugarSS

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.

Warning!

If you want to specify a file in the current directory, the path must begin with a ./ or ../ if relative to the current directory. Also you can use HOME directory as ~ symbol.

useStylelintConfigOverrides

• Type: boolean
• Default: false

Overrides rules using Stylelint plugin settings.

showErrorMessages

• Type: boolean
• Default: true

Show error messages or not. Will be automatically set to false if editor.formatOnSave is enabled.

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.