首页 > 代码库 > Jetbrains IDE 中 compass sass 设置
Jetbrains IDE 中 compass sass 设置
环境 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 设置
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。