Awesome
❗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
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.
Usage/Shortcuts
-
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.
Features
- 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)
Installation
Open VSCode Editor and Press ctrl+P
, type ext install live-sass
.
Settings
All settings are now listed here Settings Docs.
FAQ
All FAQs are now listed here FAQ Docs
Extension Dependency
This extension has dependency on Live Server extension for live browser reload.
What's new ?
-
Version 3.0.0 (11.07.2018)
Changelog
To check full changelog click here changelog.
LICENSE
This extension is licensed under the MIT License