Step 1) Get Homebrew and xcode

Check if you have Homebrew. Run the following command in the terminal

brew --version

Install Homebrew if you don’t have it. Type the following command into your terminal.

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

You might need to install/update xcode as well. Go to the App Store to get or update xcode.

Step 2) Install SASS using Homebrew

Once you have Homebrew you can install SASS using the following command

brew install sass/sass/sass

Step 3) Watch SASS Files

Run the following command to automatically have your SCSS files be converted to CSS files as you modify them.

sass --watch your_file_name.scss:your_file_name.css

Now modify your SCSS file, save and then checkout your CSS file to see the changes.

That’s it! Feel free to comment questions or concerns below.

Happy Coding!