1.安裝Ruby
win 直接http://rj.baidu.com/soft/detail/22711.html?ald
mac linux
https://ruby.taobao.org/ 可下載
。。ruby -v 看Ruby版本
如果是win7的話要 重啟下 path 環境變量改了但是還沒有系統還沒變掉 所以gem -v 無效
2.通過Ruby安裝Sass
淘寶的鏡像不維護了
https://ruby.taobao.org/
本站將不在繼續維護,本站的維護者已經或即將參與到 Ruby China 鏡像 的維護工作中,目前已將安裝請求重定向到 Ruby China 鏡像,請大家注意更換本地的 Gem Source。
使用 -a 或者 --add 是新增一個鏡像地址, --remove 去掉 -l 查看當前的鏡像 可以用gem --help 看功能
$ gem sources --add https://gems.ruby-china.org/ --remove https://rubygems.org/
$ gem sources -l
可功換掉了
*** CURRENT SOURCES *** https://gems.ruby-china.org
如果出現ssl-conn 就是本機 不支持https 協議
$ gem sources --add http://gems.ruby-china.org/ 就可以了
安裝gem install sass
20170703: 最近遇到一種情況,有些公司是在虛擬內網開發,由於內網和外網是沒有接通的,使得沒辦法通過gem命令下載包
解決的辦法是 https://rubygems.org/gems/sass 看到下面有個下載的

然后cmd

gem install 這個sass.gem包的 所在位置,出現 上面圖片的信息就表示 安裝成功!
3.IDEA sass或 scss 配置

可以 sass --help 看一下功能
arguments:
--style compressed --no-cache --update --sourcemap $FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css
樣式壓縮 不緩存 產生map文件 $FileName$文件名字 $FileParentDir$ 父級文件夾 $FileNameWithoutExtension$ //生成的名字
其他默認就可以了
在win7上是這樣的
配置完后 文件路徑
scss或sass編譯時出現GBK Ex6 ex5 錯誤的時候 //有中文編譯的時候報錯
在ruby的安裝下找到
\Ruby\lib\ruby\gems\1.9.1\gems\sass-3.3.14\lib\sass
在這個文件里面engine.rb
Encoding.default_external = Encoding.find('utf-8')
然后就可以了 當然如果是在idea 的時候 重啟一下 idea就可以了
可以參考一下:http://blog.csdn.net/zapzqc/article/details/42147519
