❗IMPORTANT: This extenison has been deprecated.
Please install this extension.
Maintained by Glenn.
A big thank you to Glenn.
Repo: https://github.com/glenn2223/vscode-live-sass-compiler
[If you like the extension, please leave a review, it puts a smile on my face.]
[If you found any bug or if you have any suggestion, feel free to report or suggest me.]
A VSCode Extension that help you to compile/transpile your SASS/SCSS files to CSS files at realtime with live browser reload.
-
Click to
Watch Sass
from Statusbar to turn on the live compilation and then click toStop Watching Sass
from Statusbar to turn on 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.
- Live Reload to browser (Dependency on
Live Server
extension). - Autoprefix Supported (See setting section)
Open VSCode Editor and Press ctrl+P
, type ext install live-sass
.
All settings are now listed here Settings Docs.
All FAQs are now listed here FAQ Docs
This extension has dependency on Live Server extension for live browser reload.
To check full changelog click here changelog.
This extension is licensed under the MIT License