相对于第一种编译方式来说,用编辑器来帮助我们编译则省去了我们在开发过程中的很多操作,比如用cd命令进入某个文件夹,退出文件夹之类的,并且不是所有人都熟悉命令操作方式的。这时候就显得这种编译方式可能会更加好用,我在工作过程中大多数也是用这种方式来进行编译的,来看具体操作吧:
注意,用编辑器编译的基础也是安装Sass 所以Sass的安装过程是必不可少的!!!
既然想要让编辑器帮助我们做事情,那么就需要对编辑器的一些配置进行调整。
1.先来看看 webstorm:
依次打开 setting > tools > file Watchers,界面大致如下图:
打开之后点击左下角的加号,在弹出的界面里选择scss
选择之后,会弹出一个窗口:在这个窗口里有两项需要调整,我已经用红框标出来了
第一项,Program 这里是需要选择编译所用的程序,点击后面的文件夹图标进行选择
-
windows电脑在安装Ruby的文件夹里,如果没有修改的话一般是在C盘: