sass – scss – compass – susy – windows 底下安裝

2014-11-19 / JSN / 2 Comments / 422 次瀏覽

1. Windows先行安裝Ruby，前往下載 RubyInstaller, 三個核曲鈕都勾選。
2. 打開命令提示字元 (cmd), 打以下指令
   
   1 2 3 4 5 6

   gem install sass gem install compass gem install susy gem install breakpoint //提供給susy使用的外掛

   
   當在使用安裝 “gem install” 或更新 “gem update” 的時候如果發生錯誤，出現SSL相關錯誤的話，可以先執行安裝這些
   
   1 2 3 4 5

   gem source -r https://rubygems.org/ gem source -a http://rubygems.org/ gem install cocoapods

   
   安裝好以後再做安裝或升級的動作就可以了。參考這裡
3. 若要檢查安裝了那些，打上 gem list 就可以列出所有安裝名稱與版本
4. 建立專案前，需要先到當前路徑。如想建立 D:\susy 就要先移動到路徑 D:\ 在打上
   
   1 2 3

   compass create 你想要的專案名稱如susy

   
   之後會成功建立檔案。
5. 打開建立好的如 susy 資料夾可以看到設定檔 config.rb 開頭添加
   
   1 2 3 4 5

   Encoding.default_external = 'utf-8' require 'susy'   require 'breakpoint'

   
   強制使用 UTF-8 可以避免在寫中文註解或是打 “微軟正黑體” 的時候發生錯誤。
6. 進入你建立的專案資料夾如susy, 打上指令
   
   1 2 3

   compass watch

   
   讓 compass 不斷的監控SASS/SCSS變化，並自動編譯為CSS。