Your ultimate guide to CSS pre-processing awesomeness!
Let's get stylish!
There are a good many applications that will get you up and running with Sass in a few minutes for Mac, Windows, and Linux. You can download most of the applications for free but a few of them are paid apps (and totally worth it).
Applications:
Name | Platform | Price |
---|---|---|
CodeKit | Mac | $$$ (Paid) |
Prepros | Mac, Windows, Linux | $$$ (Paid) |
The Sass team maintains two Node.js packages for Sass, both of which support the standard JavaScript API.
Node.js Packages:
Package | Description | Platform Support |
---|---|---|
the-sass |
Pure JavaScript, a little slower but works everywhere Node.js does. | All |
the-sass-embedded |
Wraps a JSAPI around the DartVM, so it’s faster but only supports Windows, MacOS, and Linux. | Windows, MacOS, Linux |
There are also community-maintained wrappers for the following languages:
Java Examples:
<args>
list.dart-sass
version. The CLI arguments are exposed as Maven parameters.When you install Sass on the command line, you’ll be able to run the sass
executable to compile .sass
and .scss
files to .css
files. For example:
sass source/stylesheets/index.scss build/stylesheets/index.css
First install Sass using one of the options below, then run sass --version
to be sure it installed correctly. If it did, this will include 1.90.0. You can also run sass --help
for more information about the command-line interface.
Once it’s all set up, go and play! If you’re brand new to Sass we’ve set up some resources to help you learn pretty darn quick.
You can install Sass on Windows, Mac, or Linux by downloading the package for your operating system from GitHub and adding it to your PATH. That’s all—there are no external dependencies and nothing else you need to install.
If you use Node.js, you can also install Sass using npm by running:
npm install -g sass
However, please note that this will install the pure JavaScript implementation of Sass, which runs somewhat slower than the other options listed here. But it has the same interface, so it’ll be easy to swap in another implementation later if you need a bit more speed!
If you use the Chocolatey package manager for Windows, you can install Dart Sass by running:
choco install sass
If you use the Homebrew package manager for MacOSX or Linux, you can install Dart Sass by running:
brew install sass/sass/sass
Want to know more about how Sass works? Check out our super-secret implementation guide!
Let's have some fun with Sass!