Webstorm Configuration Sass

There are three ways to use Sass: as a command-line tool, as a standalone Ruby module, or as a plug-in for the rack-enabled framework, including Ruby on Rails and Merb. Either way, you need to install the Sass gem first

If you are using Windows, you may need to install Ruby first.

First, install Ruby

1. Download Ruby (http://rubyinstaller.org/downloads/) I'm using 2.4-x.

　　

2. Install Ruby

Go straight to the next step, and remember to pick the one with the utf-8.

3, cmd installed Ruby, after completion of input SASS–V will return SASS version number

*cmd Enter the Gem install Sass

* If the installation fails, use the following method

Enter in turn:

Gem Sources–r http://rubygems.org/

Gem Sources–a http://ruby.taobao.org/

Gem Sources–l

Gem Install Sass

4. If Sass–v return cannot find the file, you may need to configure the environment variable

* Right click on My Computer--Properties--Advanced system settings--advanced--environment variable----system variables found path--edit

　　　　

　　　　

　　　　

　　　　

* Variable Value input SASS address D:\ruby\rubyan\Ruby24-x64\bin;

　　　　

Second, webstorm in the configuration sass

1, file--settings--tools--file watchers Point upper right corner plus, for example, select Scss

　　　　

2. Enter the address of the Scss.bat

　　　　

3, click OK to configure the

Third, the use of SASS

1. New style sheet type selection scss

　　　　

2. Edit the style in the Scss file, as follows

　　　　

3.. css files and. map files are generated automatically

The resulting CSS such as

　　　　　

Four, complete the above steps? OK, congratulations. You can use SASS, the next time you use it, just perform a second and third walk on it.

If there is a shortage, please give me a lot of advice

Webstorm Configuration Sass