zoukankan      html  css  js  c++  java
  • 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 如果 没有更改可以不用设置,否则填改后的路径。

  • 相关阅读:
    [导入]C#播放rm文件[转贴]
    新工具软件发布!名称:剪切板记录器
    黑發4/14
    sql20002 4/19
    頁面按百分比設定失調3/27
    廣告控件:AdRotator 3/23
    19992020小農曆JS 3/31
    ASP.NET1.1編譯錯誤代碼:1073741502 4/10
    SiteMapPath控件 3/24
    MYSQL時間問題4/16
  • 原文地址:https://www.cnblogs.com/zztt/p/4072652.html
Copyright © 2011-2022 走看看