sass的安裝(Mac & windows)

前言

由于sass是ruby語言開發的,所以安裝sass時,必須安裝ruby環境


檢查是否安裝ruby(ruby版本信息)

ruby -v


Mac? 安裝sass

mac上是自帶ruby的,可以直接安裝sass

gem install sass

如果出現不能permissions問題,一般是權限問題,可以嘗試以下命令(使用管理員權限安裝)

sudo gem install sass

回車之后輸入密碼回車即可(輸入密碼時一般是沒有反應和光標反應的,只管輸入密碼回車即可)

檢測sass版本

sass -v

如果沒有sass版本信息,可能沒有安裝成功,因為ruby環境訪問不了

訪問環境

gem sources -l

顯示結果:https://rubygems.org/

解決辦法:替換RubyGems鏡像

gem sources --remove https://rubygems.org/

gem sources -a https://ruby.taobao.org/

gem sources -l

顯示結果:

https://rubygems.org/ removed from sources

https://ruby.taobao.org/ added to sources

*** CURRENT SOURCES ***

https://ruby.taobao.org/

重新安裝sass

gem install sass

檢測sass

gass -v


Windows sass 安裝

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

在安裝過程中,建議將其安裝在 C 盤下,在安裝過程中選擇第二個選項(不選中,就會出現編譯時找不到Ruby環境的情況),如下圖所示:

Ruby 安裝完成后,在開始菜單中找到新安裝的 Ruby,并啟動 Ruby 的 Command 控制面板,如下圖所示:

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

1、通過命令安裝 Sass

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

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


注:如果更換淘寶rubygems鏡像時報錯,如圖:

是由于taobao Gems 源已停止維護,現由 ruby-china 提供鏡像服務,所以不太穩定

參考:https://ruby.taobao.org/

解決方法:

更換源https://gems.ruby-china.org/(和之前ruby.taobao.org的方式也是一樣的)

gem sources -a https://gems.ruby-china.org/

回車之后還是報SSL錯誤,把https改成http,去掉s就好了

具體圖解:


檢查是否安裝成功(檢查版本)

sass -v

更新sass

gem update sass

卸載sass?

?gem uninstall sass


最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容