Skip to content

dawidmachon/vscode-live-sass-compiler

 
 

Repository files navigation

Live Sass Compiler

VSCode Marketplace Badge Total Install Average Rating Badge GitHub license

Like it? Please leave a review. Found something wrong? Report an issue.

A VSCode Extension that help you to compile/transpile your SASS/SCSS files to CSS files at real-time.

Usage/Shortcuts

  1. Click to Watch Sass from the status bar to turn on the live compilation and then click to Stop Watching Sass from the status bar to turn off live compilation . Status bar control

  2. Press F1 or ctrl+shift+P and type Live Sass: Watch Sass to start live compilation or, type Live Sass: Stop Watching Sass to stop a live compilation.

  3. Press F1 or ctrl+shift+P and type Live Sass: Compile Sass - Without Watch Mode to compile SASS or SCSS for one time.

Features

  • Live SASS & SCSS compile.
  • Customizable file location of exported CSS.
  • Customizable exported CSS style (expanded, compressed).
  • Customizable extension name (.css or .min.css).
  • Quick status bar control.
  • Exclude specific folders by settings.
  • Autoprefix support (See settings section)

Installation

Open VSCode Editor and Press ctrl+P, type ext install glenn2223.live-sass.

Settings & Commands

All settings are now listed in the Settings & Commands Docs.

FAQ

All FAQs are now listed in the FAQ Docs

What's new ?

See the full changelog here.

LICENSE

This extension is licensed under the MIT License

Thank you Ritwick Dey

A big thank you to @ritwickdey for all his work. However, as they are no longer maintaining the original work, I have released my own which has built upon it.

About

Compile Sass or Scss file to CSS at realtime with live browser reload feature.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 89.4%
  • HTML 5.2%
  • JavaScript 3.2%
  • SCSS 2.2%