DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> Sass教程 >> 2.1 Sass的安裝
2.1 Sass的安裝
編輯:Sass教程     

在使用Sass之前,我們需要配置一下Sass的開發環境。這一節給大家介紹一下Sass的安裝、更新和卸載。

一、Sass的安裝

由於Sass是使用Ruby編寫的,所以我們在使用Sass之前需要安裝一下Ruby。下面是Windows平台的安裝步驟。對於Mac平台,請查看這裡:Mac平台安裝Sass。

【步驟1“下載Ruby”】:大家到Ruby的官網(http://rubyinstaller.org/downloads)下載最新版本的Ruby版本,這裡我們下載的是“Ruby2.3.1”。

【步驟2“安裝Ruby”】:下載好“Ruby2.3.1”之後,點擊安裝即可。在安裝的時候,我們需要注意2點:(1)安裝路徑建議選擇C盤;(2)安裝到下面這一步時,一定一定要選擇第2項,不然就會安裝失敗:

【步驟3“下載Sass”】:安裝好“Ruby2.3.1”之後,然後到這個頁面(https://rubygems.org/gems/sass)上面把“Sass安裝包”下載下來。我們可以在這個網頁右欄找到“下載”這兩個字,點擊即可下載:

【步驟4“打開Ruby命令端”】:在電腦的左下方點擊“開始”→“所有程序”→“Ruby 2.3.1” →“Start Command Prompt with Ruby”:

【步驟5】:打開Ruby命令終端之後,輸入下面這個指令,把Sass安裝包拖到命令指定位置會生成指定路徑,然後點擊“Enter回車”即可安裝,如圖所示:

 
gem install <這裡把Sass安裝包拖進來>

【步驟6】:上面的步驟都完成後,我們需要檢查Sass是否安裝成功。檢查的方法很簡單,我們在命令終端使用“sass -v”指令,按回車後,如果顯示“Sass 3.4.22 <Selective Steve>”的字樣就說明Sass安裝成功:

二、Sass的更新

Sass版本會不斷更新,不過更新Sass並不需要像其他軟件那樣每次更新都需要卸載,然後再重裝。在Sass中,每次更新版本,我們只需要在命令終端輸入一個指令即可:

 
gem update sass

點擊“Enter”鍵後,如果顯示下圖信息“Nothing to update”,說明Sass已經更新到最新版本了:

三、Sass的卸載

在使用Sass的過程中,有時候我們會碰到一些無法解決的問題,這個時候就需要卸載Sass再重新安裝Sass了。在Sass中,每次卸載,我們也只需要一個指令就能解決:

 
gem uninstall sass

輸入命令,點擊“Enter”鍵後,就能卸載Sass了。不過一般情況下,我們是用不著卸載這個指令的。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved