方便的配置 WebStorm + SASS 开发环境
date
Sep 7, 2014
slug
webstorm-and-sass
status
Published
tags
Computer
summary
type
Post
（其实这是坑……
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就可以啦！
（又水了一篇，日后补完----