Sass教程四：webStorm编译Sass（编辑器）

相对于第一种编译方式来说，用编辑器来帮助我们编译则省去了我们在开发过程中的很多操作，比如用cd命令进入某个文件夹，退出文件夹之类的，并且不是所有人都熟悉命令操作方式的。这时候就显得这种编译方式可能会更加好用，我在工作过程中大多数也是用这种方式来进行编译的，来看具体操作吧：

注意，用编辑器编译的基础也是安装Sass 所以Sass的安装过程是必不可少的！！！

既然想要让编辑器帮助我们做事情，那么就需要对编辑器的一些配置进行调整。

1.先来看看 webstorm:

依次打开 setting > tools > file Watchers，界面大致如下图：

打开之后点击左下角的加号，在弹出的界面里选择scss 

选择之后，会弹出一个窗口：在这个窗口里有两项需要调整，我已经用红框标出来了

第一项，Program 这里是需要选择编译所用的程序，点击后面的文件夹图标进行选择

• windows电脑在安装Ruby的文件夹里，如果没有修改的话一般是在C盘：

  C:/user/username/AppData/Roaming

• Mac电脑一般在 “usr/local/bin” ，在选择文件的窗口里按快捷键： Command + Shift + G 然后输