Forked by Varstahl
This extension is a forked and modified version of ritwickdey's Live Sass Compiler VSCode extension. It has much needed fixes and several additional features contributed by various developers:
- @jeremy-wells152
- Removed dependency on live-server extension.
- Added input/output folder options for non-relative folder structure.
- Turning on watch-mode does not compile all sass in the project.
- @boyum cleanups
- @MrNightingale readme fixes
- @bmwigglestein auto watch on launch
The updated fork and the changes applied by the aforementioned and I are mainly for a few people's benefit (myself included). You're free to use the packaged releases that are provided as-is with no guarantees.
A VSCode Extension that helps you to compile/transpile your SASS/SCSS files to CSS files in realtime.
-
Click to
Watch Sass
from Statusbar to turn on the live compilation and then click toStop Watching Sass
from Statusbar to turn off live compilation. -
Press
F1
orCtrl+Shift+P
and typeLive Sass: Watch Sass
to start live compilation or, typeLive Sass: Stop Watching Sass
to stop a live compilation. -
Press
F1
orCtrl+Shift+P
and typeLive Sass: Compile Sass - Without Watch Mode
to compile Sass or Scss for one time.
- Live SASS & SCSS Compile.
- Customizable file location of exported CSS.
- Customizable exported CSS Style (
expanded
,compact
,compressed
,nested
). - Customizable extension name (
.css
or.min.css
). - Quick Status bar control.
- Exclude Specific Folders by settings.
- Autoprefix Supported (See setting section)
Open Visual Studio Code, press F1
or Ctrl+Shift+P
to open the command palette, choose Extensions: Install from VSIX
, and select the latest VSIX you downloaded from the releases.
This extension is licensed under the MIT License