1. 程式人生 > >scss環境搭建 【mac】

scss環境搭建 【mac】

  1. mac上本身已經有ruby,直接檢視版本號即可
    ruby -v
    (window上需要安裝ruby的安裝包)
    這裡寫圖片描述
  2. 安裝sass
    sudo gem install sass
    這裡寫圖片描述
    測試安裝成功與否:
    sass -v

  3. 在webstorm上配置自動編譯
    如下圖,找到preference – file watchers – 點選左下角的加號 – 出現彈框 – 儲存
    這裡寫圖片描述

  4. 在idea上配置
    如下圖,直接在plugins上下載
    這裡寫圖片描述
    但我的每次都下載沒反應,用下面的方法安裝外掛:
    4.1 先在網頁上下載外掛
    http://plugins.jetbrains.com/plugin/7177-file-watchers


    4.2 將外掛包解壓,放在idea的Contents – plugins 資料夾下
    4.3 重啟idea