- 下載RubyInstaller
window下載RubyInstaller: http://rubyinstaller.org/downloads/
根據(jù)自己機(jī)型,下載對應(yīng)的安裝包墙牌。
- 安裝RubyInstaller
選擇你的安裝路徑(等哈要用), 記得勾選把Ruby加到你的PATH轩娶。
其他沒什么注意的····
- 安裝
1.) 找到之前安裝路徑,點(diǎn)擊ruby.exe (最后文件是自己測試的)
2.) 淘寶RubyGems鏡像安裝 sass
輸入命令:
第一步
: 移除源
gem sources --remove https://rubygems.org/
第二步
: 更換源(截圖提示不支持https,)
gem sources -a https://ruby.taobao.org/
第三步
: 不支持https,沾凄,否則跳過 gem sources -a http://gems.ruby-china.org
第四步
: 顯示源列表 gem sources -l 請確保只有 ruby.taobao.org
第五步
: 安裝sass $ gem install sass
提示安裝完成就可以編譯sass文件了
第六步
: 切換路徑至你的Ruby路徑(不是必須項(xiàng)梗醇,),
第七步
: 新建一個(gè)test.scss文件(注意后綴)
`#main p {
color: #00ff00;
width: 97%;
.redbox {
background-color: #ff0000;
color: #000000;
}
}
` 保存
第八步
: 輸入: sass test.scss test.css 第二個(gè)是要編譯的scss文件撒蟀, 第三個(gè)是生成的文件 (中途沒有路徑顯示叙谨,只有一個(gè)小光標(biāo)在閃時(shí),那是正在編譯保屯,不要終止手负! )
第九步
: 進(jìn)你的目錄看下結(jié)果···
到此就基本結(jié)束了涤垫。
編譯后的文件(沒格式化下。竟终。)
大概流程匯總
http://sass.bootcss.com/
安裝的參考地址: https://www.w3cplus.com/sassguide/install.html
阮一峰的sass入門blog: http://www.ruanyifeng.com/blog/2012/06/sass.html