Compile Sass or Scss file to CSS at realtime with live browser reload feature.
Branch: master
Clone or download
Latest commit 3d2818d Nov 14, 2018
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode site updated Jul 28, 2017
_layouts website updated Jul 29, 2017
assets/css site updated Jul 28, 2017
docs separate doc Jun 28, 2018
images v0.0.4 release Jul 11, 2017
lib/sasslib library is upgraded #39 #40 #78 Jul 11, 2018
src sloved issue #73 Jun 28, 2018
test remove test Jun 27, 2018
.gitignore site updated Jul 28, 2017
.travis.yml fix name Jun 27, 2018
.vscodeignore bug fixed #5 Aug 1, 2017 v3.0.0 update #39 #40 #78 Jul 11, 2018
LICENSE Initial commit Jul 9, 2017 Update Nov 14, 2018
_config.yml site updated Jul 28, 2017
package-lock.json v2.0.1 update #73 Jun 28, 2018
package.json v3.0.0 update #39 #40 #78 Jul 11, 2018
tsconfig.json v0.3.1 update Jul 31, 2017
tslint.json code formating fixed. Aug 25, 2017

[I'm sorry but I'm now super busy, If you want to be a maintainer of the project please feel me to contact me! You've to be passionate about programming]

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.]

VSCode Marketplace Badge Total Install Avarage Rating Badge GitHub license

A VSCode Extension that help you to compile/transpile your SASS/SCSS files to CSS files at realtime with live browser reload.

App Preview


  1. Click to Watch Sass from Statusbar to turn on the live compilation and then click to Stop Watching Sass from Statusbar to turn on live compilation . Statusbar 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.


  • 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

Extension Dependency

This extension has dependency on Live Server extension for live browser reload.

What's new ?

  • Version 3.0.0 (11.07.2018)

    • Upgrade sass.js library that included fixes for 8 digit Hex code & grid name. [Fixes #39, #40, #78]


To check full changelog click here changelog.


This extension is licensed under the MIT License