Skip to content

Varstahl/vscode-live-sass-compiler

 
 

Repository files navigation

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.

Live Sass Compiler

GitHub license

A VSCode Extension that helps you to compile/transpile your SASS/SCSS files to CSS files in realtime.

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 off 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.
  • Autoprefix Supported (See setting section)

Installation

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.

Documentation

LICENSE

This extension is licensed under the MIT License

About

Realtime compilation of Sass/Scss files into CSS

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 63.3%
  • JavaScript 20.8%
  • HTML 11.2%
  • CSS 4.7%