在工作中需要使用compass編譯文件時搂妻,常常會安裝compass報錯卖丸,各種度娘未果.....
一直長時間未解決,查了好久摸索了好久才解決,以下為解決方法剩晴!
- 貌似與x-code沒安裝有關(guān)...
xcode-select --install
- 安裝brew
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
Mac是默認安裝buby的晶乔,brew是一款很好的管理軟件的軟件珍坊。。正罢。
- 重新安裝ruby
brew install ruby
這一步可能時間有點長垫蛆,如果error了重新 brew install ruby ...
- 更新gem到最新的版本
sudo gem update --system
安裝前可以 gem -v 查看gem版本, gem list 查看安裝的包
- 安裝compass
sudo gem install compass
如果失敗了就重復(fù)...
安裝完成之后,你應(yīng)該通過運行下面的命令來確認應(yīng)用已經(jīng)正確地安裝到了電腦中:
compass -v
Compass 1.x.x (Polaris)
Copyright (c) 2008-2015 Chris Eppstein
Released under the MIT License.
Compass is charityware.
Please make a tax deductable donation for a worthy cause: http://umdf.org/compass
國內(nèi)網(wǎng)絡(luò)的問題導(dǎo)致gem
源間歇性中斷因此我們需要更換gem
源腺怯。(使用淘寶的gem源https://ruby.taobao.org/)如下:
//1.刪除原gem源
gem sources --remove https://rubygems.org/
//2.添加國內(nèi)淘寶源
gem sources -a https://ruby.taobao.org/
//3.打印是否替換成功
gem sources -l
//4.更換成功后打印如下
*** CURRENT SOURCES ***
https://ruby.taobao.org/
詳細使用方法參考sass官網(wǎng)
本文摘自于:此大佬
更新內(nèi)容:
安裝完之后使用需要對scss文件進行編譯生成相應(yīng)的css文件。
官方教程:
命令行編譯;
//單文件轉(zhuǎn)換命令
sass input.scss output.css
//單文件監(jiān)聽命令
sass --watch input.scss:output.css
//如果你有很多的sass文件的目錄川无,你也可以告訴sass監(jiān)聽整個目錄:
sass --watch app/sass:public/stylesheets
以自己的例子:
app.scss
是總文件其他的scss文件會通過@import "var";
的方式引入到其中呛占。
這樣我們可以通過單文件轉(zhuǎn)換命令
sass scss文件名 編譯后的css文件名(沒有會新建,有會覆蓋)
示例:sass app.scss a.css
缺點是我們對scss內(nèi)容進行編寫的話就要使用命令行進行編譯
我們可以通過單文件監(jiān)聽命令
即使用一次懦趋,編寫scss會自行的進行編譯
sass --watch scss文件名:編譯后的css文件名(沒有會新建晾虑,有會覆蓋)
示例:sass --watch app.scss:a.css
大家可以查看教程,上面有鏈接
很多的sass文件的目錄仅叫,你也可以告訴sass監(jiān)聽整個目錄還沒弄懂帜篇,懂了后會更新內(nèi)容