Jetbrains IDE 中 compass sass 设置

标签：style   blog   http   io   color   ar   使用   sp   文件   

环境 Ubuntu 13.10

1. 安装ruby

sudo apt-get install ruby 

如果后面安装 compass 时遇到安装失败，提示：“[Ubuntu] ERROR: Failed to build gem native extension. /usr/bin/ruby1.9.1 extconf.rb”

那么请删除后重新安装 ruby

sudo apt-get purge ruby 

sudo apt-get install ruby-dev （在 Ubuntu 13.10 环境下，需要安装这个开发版本，不然后面无法安装compass，其他环境不清楚）

2. 安装 sass

在安装之前添加 gem 库的淘宝镜像，执行方法：

$ gem sources --remove http://rubygems.org/
$ gem sources -a https://ruby.taobao.org/
$ gem sources -l

然后：

sudo gem install sass

3. 安装 compass

sudo gem install compass

4. 在 IDEA 中使用 compass 参见文章：

http://www.jetbrains.com/idea/webhelp/working-with-sass-and-scss-in-compass-projects.html

另外，如果 compass 项目建立在非默认根目录下，而是新建目录，那么参考文章：

http://blog.jetbrains.com/webstorm/2013/12/using-compass-in-webstorm/

值得注意的是，config.rb 文件内的目录是以 config.rb文件为参照的相对目录

另外，在 compass 设置中要指定对 config文件的路径

最后，argument 的第二个参数为 config 文件所在的文件夹路径， 工作目录参照下图，output path to refrest 如果 没有更改可以不用设置，否则填改后的路径。

Jetbrains IDE 中 compass sass 设置

标签：style   blog   http   io   color   ar   使用   sp   文件   

原文地址：http://www.cnblogs.com/zztt/p/4072652.html