环境 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 (要安装开发版本,不然无法安装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文件为参照的相对目录

Intellij Idea compass sass 设置

 

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

Intellij Idea compass sass 设置

 

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

Intellij Idea compass sass 设置

 

相关文章:

  • 2021-12-16
  • 2021-11-28
  • 2021-05-11
  • 2021-07-23
  • 2021-10-05
  • 2022-12-23
  • 2021-06-18
猜你喜欢
  • 2022-01-24
  • 2022-12-23
  • 2022-12-23
  • 2021-07-18
  • 2021-11-10
  • 2021-07-23
  • 2021-08-09
相关资源
相似解决方案