一、Sass安裝
在 Windows 平臺下安裝 Ruby 需要先有 Ruby 安裝包,大家可以到 Ruby 的官網(http://rubyinstaller.org/downloads )下載對應需要的 Ruby 版本。
Ruby 安裝文件下載好后,可以按應用軟件安裝步驟進行安裝 Ruby。在安裝過程中,個人建議將其安裝在 C 盤下,在安裝過程中選擇第二個選項(不選中,就會出現編譯時找不到Ruby環境的情況),如下圖所示:
Ruby 安裝完成后,在開始菜單中找到新安裝的 Ruby,并啟動 Ruby 的 Command 控制面板,如下圖所示:
當你的電腦中安裝好 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 網站上將 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 及更新
通過上面的幾種方法都可以安裝 Sass,但是,我們要如何確認自己是否安裝 Sass 成功了呢?其實很簡單,只需要通過下面的命令即可:
sass -v
如果在你的命令終端能看到類似這樣的信息就表示你的電腦安裝 Sass 已成功。也就是說可以正常的使用 Sass 了。
更新 Sass
維護 Sass 的團隊會不斷的為 Sass 添加新的功能,那么如何確保自己已安裝的 Sass 也具有這些新的功能特性呢?不會是卸載了重新安裝吧(雖然安裝也就是一個命令的事情)? 其實不需要這么麻煩,只需要在命令終端執行:
gem update sass
這個時候你看到類似下面這樣的信息,表示你的 Sass 已更新到最新版本。
.
.
.
.
.
.
.
.
三、卸載(刪除)Sass
在常期使用的時候難免會碰到無法解決的問題,有時候可能需要卸載 Sass,然后再重新安裝 Sass。那么怎么卸載 Sass 呢?
其實他也就是一句命令的事情:
gem uninstall sass
這樣就卸載了 Sass ,但這行命令基本上是使用不上。
…………END…………
謝謝支持,喜歡就點個?