Skip to main content

Sass Installation

System Requirements for Sass​

Sass is a preprocessor scripting language that is used to write CSS more efficiently and with more advanced features.

To use Sass, you will need the following system requirements:

  • Operating System: Sass works on Windows, macOS, and Linux operating systems.

  • Ruby: Sass is a Ruby Gem, so you will need to have Ruby installed on your system. Sass works with Ruby 2.6.0 or newer.

  • Command Line Interface: Sass is run from the command line, so you will need to have a command line interface (CLI) installed on your system. On Windows, you can use Command Prompt or PowerShell, and on macOS or Linux, you can use Terminal.

  • Text Editor: Sass code is written in a text editor, so you will need a text editor installed on your system. Some popular text editors for Sass include Visual Studio Code, Atom, and Sublime Text.

  • Node.js: If you want to use the Sass command-line interface (CLI), you will also need to have Node.js installed on your system.

How to Install Sass​

You'll need to install a Sass compiler on your computer.

Here are some of the most common ways to install Sass:

  • Command-line tool: If you're comfortable using the command line, you can install the Sass command-line tool using a package manager like Homebrew (on macOS) or Chocolatey (on Windows).

Here are the steps for installing Sass using Homebrew:

  1. Open the Terminal app on your Mac.
  2. Type brew install sass and press Enter.
  3. Wait for the installation to complete. After installing Sass, you can use it by running the sass command in your terminal.

  • GUI application: If you prefer a graphical user interface, you can install a Sass GUI application like Koala or Prepros. These applications allow you to compile Sass code without using the command line. To install a GUI application, simply download it from the developer's website and follow the installation instructions.

  • Build tools: If you use a build tool like Gulp or Grunt in your development workflow, you can install a Sass plugin for your build tool. These plugins allow you to compile Sass code as part of your build process. To install a Sass plugin, simply follow the installation instructions for your build tool.

Install Sass on Windows​

To install Sass on Windows, you can follow these steps:

  • Install Ruby: Sass is built with Ruby, so you'll need to have Ruby installed on your machine. You can download the latest version of Ruby from the official website: https://rubyinstaller.org/downloads/

  • Open the Command Prompt: To open the Command Prompt on Windows, press the Windows key + R, type "cmd" and press Enter.

  • Install Sass: Once you have Ruby installed and the Command Prompt open, type the following command to install Sass:

gem install sass
  • Verify the installation: To make sure Sass was installed successfully, type the following command in the Command Prompt:
sass -v

If Sass was installed correctly, you should see the version number displayed.

Install Using Chocolatey​

If you have Chocolatey installed on your Windows machine.

You can install Sass in just a few steps:

  • Open the Command Prompt: To open the Command Prompt on Windows, press the Windows key + R, type "cmd" and press Enter.

  • Install Sass with Chocolatey: In the Command Prompt, type the following command to install Sass using Chocolatey:

choco install sass
  • Verify the installation: To make sure Sass was installed correctly, type the following command in the Command Prompt:
sass -v

If Sass was installed successfully, you should see the version number displayed.