1. 程式人生 > >sass安裝教程

sass安裝教程

如果 mixin nload current win code 是不是 路徑 只需要

在 Windows 平臺下安裝 Ruby 需要先有 Ruby 安裝包,大家可以到 Ruby 的官網(http://rubyinstaller.org/downloads)下載對應需要的 Ruby 版本。

Ruby 安裝文件下載好後,可以按應用軟件安裝步驟進行安裝 Ruby。在安裝過程中,個人建議將其安裝在 C 盤下,在安裝過程中選擇第二個選項(不選中,就會出現編譯時找不到Ruby環境的情況),如下圖所示:

技術分享

技術分享

技術分享

當你的電腦中安裝好 Ruby 之後,接下來就可以安裝 Sass 了。同樣的在windows下安裝 Sass 有多種方法。但這幾種方法都是非常的簡單,只需要在你的命令終端輸入一行命令即可。

1、通過命令安裝 Sass

打開電腦的命令終端,輸入下面的命令:

gem install sass

提醒一下,在使用 Mac 的同學,可能需要在上面的命令前加上"sudo",才能正常安裝:

sudo gem install sass

如果上面的方法沒有安裝成功,可以使用下面的兩種方法。

2、通過 Compass 來安裝 Sass

除了使用 gem 命令來安裝 Sass 之外,還可以通過安裝 compass 來安裝 Sass,因為 Compass 是基於 Sass 開發的一個框架。也就是說,你安裝了 Compass,也就同時安裝好了 Sass。

同樣的在你的命令終端輸入下面的命令:

sudo gem install sass

執行完上面的命令之後,就開始安裝 Compass 和 Sass。

註:Compass 是一個成熟的、基於 Sass 開發的一個框架,這裏面集成了很多寫好的 mixins 和 Sass 函數。不過在此暫不做過多闡述。

3、本地安裝 Sass

由於有時候直接使用上面的命令安裝會讓你無法正常實現安裝(網絡受限原因),當碰到這種情況之時,那麽安裝需要特殊去處理,可以通過下面的方法來實現 Sass 的正常安裝:

可以到 Rubygems(http://rubygems.org/) 網站上將 Sass 的安裝包(http://rubygems.org/gems/sass)下載下來,然後在命令終端輸入:

gem install <把下載的安裝包拖到這裏>

直接回車即可安裝成功。

註:在 iOSX 系統平臺,可以直接將下載的安裝包拖到 "gem install" 後面,如果在是 Windows 系統,需要手功輸入安裝的文件路徑。

4、淘寶 RubyGems 鏡像安裝 Sass

除了下載 Sass 安裝包到本地安裝之外,碰到網絡原因無法安裝時還可以使用淘寶 RubyGems 鏡像安裝 Sass。只是我們需要通過 gem sources 命令來配置源,先移除默認的 https://rubygems.org 源,然後添加淘寶的源 https://ruby.taobao.org:

第一步:移動默認的源

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安裝教程