Live Sass Compiler
Like it? Leave a review (please)
Something wrong? Report an issue
New hear? Watch the YouTube quick guide
A VSCode Extension that help you to compile/transpile your SASS/SCSS files to CSS at real-time.
- Live SASS & SCSS compile.
- Customizable file location of exported CSS.
- Customizable exported CSS style (
- Customizable extension name (
- Quick status bar control.
- Exclude specific folders by settings.
- Autoprefix support (See settings section)
- Reference a node module with a leading tilde e.g
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.
ctrl+shift+P and enter
Live Sass: Watch Sass to start watching and
Live Sass: Stop Watching Sass to stop watching.
ctrl+shift+P and enter
Live Sass: Compile Sass - Without Watch Mode to compile one time compile the current file.
Under the hood details
This extension is actually quite simple in it's implementation. Partial files compile all files in your project and non-partials compile just themselves. By default partial files are those that start with an underscore "
_" however, you can specify a location/glob pattern by changing the
liveSassCompile.settings.partialsList setting (which defaults to
Open VSCode Editor and Press
ext install glenn2223.live-sass.
Our Open Source Commitment
The open source community is struggling! Open source maintainers spends countless unpaid hours supporting those using their project, they need some support back! This is why we have an Open Source Commitment.
Any monthly donations that we get - specifically referencing this project - will be shared with our dependencies (specified below). We support the packages that need it most, so we may not donate to all dependencies (often those developed/maintained by big enterprises). We can also only support the ones have a means of receiving donations.
Who should donate to this project?
- Those who use this product and receive some kind of profit as a result. Why not allocate a small margin to those supporting your project? This would mean the world to them.
- Those with a little extra money that they wouldn't mind using to support the open source community
Who do you share with?
How much do you share? (% are rounded to nearest £)
- Donations < £20/m => £0
- Donations > £20/m
fdir => 10%
picomatch => 10%
- Donations > £100/m
fdir => 25%
picomatch => 25%
We hope that the project(s) we're supporting also have their own open source commitment, supporting the projects that make their solution work.
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.