其實網路上的資源很豐富,目前對我最有用的是

環境安裝教學與基礎操作:http://blog.shihshih.com/installing-the-sass-and-compass/

mac版本:https://angustalk.wordpress.com/2014/07/22/sass%E9%96%8B%E7%99%BC%E7%92%B0%E5%A2%83%E5%AE%89%E8%A3%9D%EF%BC%88mac%E7%AF%87%EF%BC%89/

Sublime Text安裝SASS開發環境:https://www.minwt.com/webdesign-dev/html/10003.html

 

若compass 安裝失敗

1、依次执行下面三条命令,移除旧源,改用新源
> gem sources --remove http://rubygems.org/
> gem sources --remove https://rubygems.org/
> gem sources -a https://gems.ruby-china.org/


2、然后执行下面的命令,查看源列表
> gem sources -l

应该会是下面输出
*** CURRENT SOURCES ***
https://gems.ruby-china.org/
(请确保只有 https://gems.ruby-china.org/)

3、然后就可以安装compass了
> gem install compass

 

若說沒有權限(You don't have write permissions for the /usr/bin directory.)

sudo gem install -n /usr/local/bin cocoapods

 

--------------------------------------------------------

 

若安裝完成後,在既有專案開始使用Sass的終端機語法順序:

1. su + 密碼

2. cd + 專案資料夾(ex:documents/web_html)

3. compass watch (根據config.rb放的位置)

 

--------------------------------------------------------

 

一直知道SASS,但覺得安裝環境好麻煩ㄎㄎ

不過巣狀寫法,跟參數宣告蠻吸引我的,最後還是花了幾小時研究成功了。

安裝流程照上面的網址提供的流程完成後,監控開啟就會自動將scss轉成css

之後就等寫法上手看看時間會壓縮到多少囉,等更熟悉會再來更新。

 

arrow
arrow
    文章標籤
    SASS COMPASS
    全站熱搜

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