![6d9c4ff724b5fa2ff4d8a7b7e381e065.png](https://i-blog.csdnimg.cn/blog_migrate/fee99b5cefe71f44c523d652e3efd561.jpeg)
相对于第一种编译方式来说,用编辑器来帮助我们编译则省去了我们在开发过程中的很多操作,比如用cd命令进入某个文件夹,退出文件夹之类的,并且不是所有人都熟悉命令操作方式的。这时候就显得这种编译方式可能会更加好用,我在工作过程中大多数也是用这种方式来进行编译的,来看具体操作吧:
注意,用编辑器编译的基础也是安装Sass 所以Sass的安装过程是必不可少的!!!
既然想要让编辑器帮助我们做事情,那么就需要对编辑器的一些配置进行调整。
1.先来看看 webstorm:
依次打开 setting > tools > file Watchers,界面大致如下图:
![67663a81e3707ea9086dfd621087fc74.png](https://i-blog.csdnimg.cn/blog_migrate/3dea8e2aec7256e5646c0f8f17c465a3.jpeg)
打开之后点击左下角的加号,在弹出的界面里选择scss