方便的配置WebStrom+SASS开发环境

(其实这是坑……

The Ruby way

SASS一开始基于ruby,然后SASS的编译在一方面也基于ruby的compass,所以第一件事就是要安装compass。

当然如果你用arch的话,会简单艹基多(所以我说arch是懒人专用的系统Orz

yaourt -s ruby-compass

一般情况下这个时候compass已经正确的安装了……

然后进入WebStrom->File Watchers,我的配置文件如下……如果乃和我一样看不太懂就不用管啦!

  • File type: SASS files 或 SCSS files
  • Scope: Project Files
  • Program: bash
  • Arguments: -login -c "compass compile"
  • Working directory: $ProjectFileDir$ 注意这里填有config.rb的那个目录,我的在assets下面
  • Output paths: $FileNameWithoutExtension$.css

至于compass的初始化……我这里不再深究,只需要

compass init 

之后就很方便啦!直接写完SASS文件,然后保存……就可以看到.css输出了~

The Node.js Way

如果想用nodejs编译SASS的话(其实这才是我的本命),就需要Grunt了。

至于Grunt,我这里不再解释,在Grunt中添加一个编译css的任务,然后每次运行Grunt task就可以啦!

(又水了一篇,日后补完----

Table of Contents