以前 HTML 和 CSS 都是走純手刻的路線，雖然熟稔到一個程度速度也是滿快的，但是後來知道有所謂的 zen coding，就是利用短碼快速編寫程式，並了解到更快速、模組化有系統的編寫方式：透過 jade.js 去達到HAML ( HTML Abstract Markup Language ) ，透過 SASS / SCSS 去編譯 CSS。對於靈魂裡住了半個 F2E 的我來說這實在太棒了。剛好平常公司和家裡共有兩台 mac 和一台 windows10，簡單記錄一下環境搭建的過程。

 

Windows

 
1. 下載 Ruby Installer : http://rubyinstaller.org/downloads/
 
2. 執行安裝 Ruby Installer，要勾選這三個選項：
 
3. 命令提示字元 cd C:\ ，輸入 gem install sass
 
4. 輸入 gem install compass
 
5. cd 到要建立專案的目錄底下，輸入 compass create project001，就會建立一個名為「project001」的專案資料夾
 
 
Mac OSX
 
1. Mac 雖然內建 Ruby 但版本較舊，因此需要先安裝最新版本：
先到 App Store 安裝 Xcode，再到 Homebrew 去複製安裝程式碼，貼到終端機執行
 
2. 安裝 SASS：gem install sass
 
3. 安裝 Compass：gem install compass
 
4. 檢查是否安裝成功：compass -v
若成功會出現類似以下訊息：

5. cd 到要建立專案的目錄底下（方法同 windows，cd 空一格 + 資料夾名稱，或是 cd 空一格然後將 finder 的路徑拖曳至終端機），再 compass create project001 即可建立名為「project001」的專案資料夾

 
arrow
arrow
    文章標籤
    windows mac
    全站熱搜
    創作者介紹
    創作者 Nonstop 的頭像
    Nonstop

    平淡流年

    Nonstop 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄