Skip to content

Travis71i/clean-css-vscode

Repository files navigation

Clean CSS for VSCode

Visual Studio Marketplace Version Visual Studio Marketplace Installs David LICENSE

CSS file optimizer. Using Clean CSS and adapting it to work as an extension of VSCode.

Note: The functionality of this extension depends entirely on Clean CSS. Thanks to jakubpawlowicz for creating and managing it!

Features

  • Compress CSS files using Clean CSS optimizer.

Before //dev After //dev

  • Quickly format using different presets, in the editor context menu.

Editor Context Menu //dev

  • Use "Clean CSS: Format Document" command (Shift+Alt+F) to format using user settings.

Settings UI //dev

Extension Settings

Debug Tool

Show Output

cleanCSS.debugTool.showOutput: Display information about formatter usage on an output channel.

Clean CSS: Debug Output Channel example

Formatter Options

All options in this group go directly to the formatter. cleanCSS.formatterOptions object is an options object of Clean CSS.

See Clean CSS: Options for more info about the options object.

Release Notes

See CHANGELOG.md for more info.

1.0.0

Added

  • "Clean CSS: Format Document" command to format the whole document using the settings.json settings
  • "Clean CSS: Fast Compact" command to compact the document into a single line, using default settings.
  • "Clean CSS: Fast Beautify" Format command to format the document in a nice way, using default settings.
  • "Clean CSS: Fast Keep Breaks" Format command to format the document in a compact but more readable way, using default settings.
  • "Format Document (Clean CSS)" submenu in the editor context menu with all 4 commands listed above.
  • Key binding: "Format Document" (Shift+Alt+F) to use Clean CSS: Format Document command.
  • Clean CSS output channel to see more information about formatting. Such as some error and warning messages.