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

  1. Windows先行安裝Ruby,前往下載 RubyInstaller, 三個核曲鈕都勾選。
  2. 打開命令提示字元 (cmd), 打以下指令
    gem install sass
    gem install compass
    gem install susy
    gem install breakpoint //提供給susy使用的外掛

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

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

    安裝好以後再做安裝或升級的動作就可以了。參考這裡

  3. 若要檢查安裝了那些,打上 gem list 就可以列出所有安裝名稱與版本
  4. 建立專案前,需要先到當前路徑。如想建立 D:\susy 就要先移動到路徑 D:\ 在打上
    compass create 你想要的專案名稱如susy
    

    之後會成功建立檔案。

  5. 打開建立好的如 susy 資料夾可以看到設定檔 config.rb 開頭添加
    Encoding.default_external = 'utf-8'
    require 'susy'  
    require 'breakpoint'

    強制使用 UTF-8 可以避免在寫中文註解或是打 “微軟正黑體” 的時候發生錯誤。

  6. 進入你建立的專案資料夾如susy, 打上指令
    compass watch

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

Comments

發表迴響