Compiling Sass

There are various ways that you can compile your Sass code. If you are new to Sass and want to experiment with the syntax and features, you can use Sassmeister and get started right away. If you want to incorporate Sass compilation into your development workflow, there are several ways to do this. I will show you three different ways of doing this. The first way requires you to use Node.js and the Terminal or Command Prompt, the second way uses a free application called Scout-App, and the third way uses an extension for the Visual Studio Code code editor.

Experimenting with Sass using Sassmeister

Sassmeister, which can be visited at sassmeister.com, is a free tool to experiment with Sass in a playground environment. You can use either the Sass or SCSS syntax, select between different Sass compilers, define the CSS output, and more. All the examples in this chapter can be seen in action using Sassmeister.

Figure 2.1 – Sassmeister Sass...