Configuration and basic usage of front-end tool Sass

Disclaimer: There are a plethora of similar tutorials on the web, just documenting your own installation process. So that you can use it later.

Environment configuration process:

1, install SASS and environment:

Just as gulp is based on node. JS, Sass is ruby-based, so be sure to install Ruby before using sass.

Official download link, the official introduction, the download is the Ruby 2.2.4 (x64) version.

When installing, be careful not to change the default installation path. and select options in the box

After you install the options in the Start menu Open box:

Then, on the command line, enter:

Gem Install Sass

Wait for the system to install automatically

Common Command line:

Sass-v can view the currently installed Sass version;

Sass-h can get sass related command-line help tools;

GEM Update sass can upgrade the currently installed Sass version;

Gem Uninstall Sass To uninstall the currently installed Sass version;

2, compile with sass:

Currently, SASS supports three modes of operation:

1, command-line compilation;

2, GUI compilation;

3, automatic compilation;

This time, the main discussion of GUI compiler tool:

Koala, the basic can meet the use, can realize automatic monitoring scss source file changes automatically compiled;

Codekit, can be used as an alternative;

Finish

"The usual syntax will be updated later in the use process"

Configuration and basic usage of front-end tool Sass