How to Install and Configure SASS Locally
Explore the steps to install and configure Sass on your local machine, including setting up Node.js, creating project folders, installing dependencies, compiling Sass to CSS, and enabling live reload to streamline your frontend development workflow.
We'll cover the following...
Before we can write Sass code, it needs to be installed locally. As by default, it’s not a language known to the browser.
Let’s now go through the process to setup the environment that will allow us to write then compile Sass.
Note: When Sass is compiled, it is converted into regular CSS code that browsers can interpret and render.
Environment setup #
Before we start, you must have npm installed on your computer, it comes bundled with Node.js; you can install it from here. Go ahead and install it if you haven’t already.
If you are unsure whether you have Node.js installed or not, run node -v from your terminal.
If you see a version number, it’s installed!
A note on terminal:
If you are new to SASS, chances are you may also be new to running commands from the ...