/vscode-live-sass-compiler

Compile Sass or Scss file to CSS at realtime with live browser reload feature.

Primary LanguageTypeScriptMIT LicenseMIT


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

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

Usage/Shortcuts

  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.

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)

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

Changelog

To check full changelog click here changelog.

LICENSE

This extension is licensed under the MIT License