在工作中需要使用compass編譯文件時,常常會安裝compass報錯,各種度娘未果.....
一直長時間未解決,查了好久摸索了好久才解決,以下為解決方法!
- 貌似與x-code沒安裝有關...
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
如果失敗了就重復...
安裝完成之后,你應該通過運行下面的命令來確認應用已經正確地安裝到了電腦中:
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
國內網絡的問題導致gem
源間歇性中斷因此我們需要更換gem
源。(使用淘寶的gem源https://ruby.taobao.org/)如下:
//1.刪除原gem源
gem sources --remove https://rubygems.org/
//2.添加國內淘寶源
gem sources -a https://ruby.taobao.org/
//3.打印是否替換成功
gem sources -l
//4.更換成功后打印如下
*** CURRENT SOURCES ***
https://ruby.taobao.org/
詳細使用方法參考sass官網
本文摘自于:此大佬
更新內容:
安裝完之后使用需要對scss文件進行編譯生成相應的css文件。
官方教程:
命令行編譯;
//單文件轉換命令
sass input.scss output.css
//單文件監聽命令
sass --watch input.scss:output.css
//如果你有很多的sass文件的目錄,你也可以告訴sass監聽整個目錄:
sass --watch app/sass:public/stylesheets
以自己的例子:
app.scss
是總文件其他的scss文件會通過@import "var";
的方式引入到其中。
這樣我們可以通過單文件轉換命令
sass scss文件名 編譯后的css文件名(沒有會新建,有會覆蓋)
示例:sass app.scss a.css
缺點是我們對scss內容進行編寫的話就要使用命令行進行編譯
我們可以通過單文件監聽命令
即使用一次,編寫scss會自行的進行編譯
sass --watch scss文件名:編譯后的css文件名(沒有會新建,有會覆蓋)
示例:sass --watch app.scss:a.css
大家可以查看教程,上面有鏈接
很多的sass文件的目錄,你也可以告訴sass監聽整個目錄還沒弄懂,懂了后會更新內容