1. 程式人生 > >Sass入門-安裝

Sass入門-安裝

二、安裝

  • Sass安裝(windows版)

    1.安裝Ruby
    安裝包下載地址:http://rubyinstaller.org/downloads 安裝過程中選擇第二項(不選中,就會出現編譯時找不到Ruby環境的情況),如下圖所示:

    如圖所示:

    2.啟動Ruby的Command控制面板,如圖:

    這裡寫圖片描述

    2.1通過命令安裝Sass

    開啟命令終端,輸入下面的命令:
    gem install sass
    在使用 Mac 的同學,可能需要在上面的命令前加上”sudo”,才能正常安裝:
    sudo gem install sass

    2.2通過Compass安裝Sass

    Compass 是基於 Sass 開發的一個框架。也就是說,你安裝了 Compass,也就同時安裝好了 Sass。
    同樣的在你的命令終端輸入下面的命令:
    sudo gem install sass
    執行完上面的命令之後,就開始安裝 Compass 和 Sass。
    注:Compass 是一個成熟的、基於 Sass 開發的一個框架,這裡面集成了很多寫好的 mixins 和 Sass 函式。

    2.3本地安裝

    在Rubygems(http://rubygems.org/) 網站上將 Sass 的安裝包( http://rubygems.org/downloads/sass-3.4.19.gem)下載下來,然後在命令終端輸入:
    gem install 下載的安裝包路徑

    2.4淘寶 RubyGems 映象安裝 Sass(網路問題無法安裝時)

    第一步:移動預設的源
    gem sources –remove https://rubygems.org/
    第二步:指定淘寶的源
    gem sources -a https://ruby.taobao.org/
    第三步:檢視指定的源是不是淘寶源
    gem sources -l
    返回結果如下:
    * CURRENT SOURCES *


    https://ruby.taobao.org
    請確保只有 ruby.taobao.org。如果無誤之後,執行下面的命令:
    gem install sass

  • 查測Sass及更新

    sass -v //查測
    gem update sass //更新

  • 解除安裝(刪除)Sass

    gem uninstall sass //解除安裝