其實網路上的資源很豐富,目前對我最有用的是
環境安裝教學與基礎操作: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
之後就等寫法上手看看時間會壓縮到多少囉,等更熟悉會再來更新。
留言列表