vscode-stylefmt

library2.9.1jsnpmunverified

A Visual Studio Code extension wrapper around stylefmt, a CSS/SCSS/Less formatter. Current version 2.9.1, actively maintained fork of the original mrmlnc/vscode-stylefmt. Integrates with stylelint rules to format indentation, spacing, and ordering while respecting stylelint configurations. Differentiates from Prettier by being less opinionated and preserving SCSS mixin/map formatting. Supports CSS, SCSS, Less, PostCSS, and SugarSS. Released on VS Code Marketplace and updated regularly since the original went unmaintained in 2018.

testing

npm install vscode-stylefmt

github ↗package ↗homepage ↗

INSTALL

IMPORT

SIG · VSCODE-STYLEFMT

vscode-stylefmt

testingjavascriptv2.9.1

harness data pending

Install & Compatibility

Where this runs

No compatibility data collected yet for this library.

Code

Verified usage

Shows installation via VS Code settings and basic configuration for CSS and SCSS formatting on save.

Install from VS Code Marketplace. Then configure in settings.json: // .vscode/settings.json { "[css]": { "editor.defaultFormatter": "ronilaukkarinen.vscode-stylefmt", "editor.formatOnSave": true }, "[scss]": { "editor.defaultFormatter": "ronilaukkarinen.vscode-stylefmt", "editor.formatOnSave": true }, "stylefmt.config": ".stylelintrc", "stylefmt.configBasedir": "./" }

Debug

Known issues

deprecatedOriginal vscode-stylefmt package (mrmlnc) is archived and no longer maintained.

fix

Uninstall and install ronilaukkarinen.vscode-stylefmt 2.x from Marketplace.

affects: <=1.11.0

gotchaExtension requires stylelint to be installed and configured; formatting will fail without a .stylelintrc or stylelint.config.js in the workspace.

fix

Install stylelint and create a configuration file (e.g., .stylelintrc.json).

affects: >=2.0.0

gotchaThe underlying stylefmt fork (@ronilaukkarinen/stylefmt) is separate from the original stylefmt; issues should be reported to the fork.

fix

File issues at https://github.com/ronilaukkarinen/vscode-stylefmt/issues

affects: >=2.0.0

gotchaFormatting settings like indent width are controlled by stylelint rules, not editor settings; tab vs spaces must be configured in stylelint rules.

fix

Set 'indentation' rule in stylelint config.

affects: >=2.0.0

Upgrade

Version history

2.9.1latest on npm

Audit

Dependencies

@ronilaukkarinen/stylefmtrequiredForked npm package providing the actual CSS formatting engine

Agent activity

10 hits · last 30 days

node

Resources

githubhttps://github.com/mrmlnc/vscode-stylefmt ↗

packagevscode-stylefmt ↗

homepagehttps://github.com/ronilaukkarinen/vscode-stylefmt/blob/master/README.md ↗