如何安装并编译sass为css文件

Ruby安装

由于sass依赖于ruby环境,所以在安装sass之前必须安装ruby。可以去[官网][1]下载一个。网络环境不好的,可以用我提供的这个文件:[点击下载][2]

安装完成后可以在开始菜单找到ruby命令行,打开输入ruby -v查看版本号,出现版本信息则安装成功
![clipboard.png-6.6kB][4]
![QQ截图20160917210342.png-1.6kB][3]

Sass安装

安装完ruby后,可以直接在命令行里面输入gem install sass安装Sass,不过由于墙的厉害,建议使用淘宝的ruby源来安装,步骤如下:

gem sources --remove https://rubygems.org/
    https://rubygems.org/ removed from sources
gem sources -a https://ruby.taobao.org/
    https://ruby.taobao.org/ added to sources

这一步有可能会出错,windows下证书无法验证。
解决方法:[下载证书][5](右键另存为即可),放到ruby安装目录下,然后再设置环境变量SSL_CERT_FILE为该文件路径,再重新输入该命令
![QQ截图20160917211759.png-8.6kB][6]

gem source -l
    *** CURRENT SOURCES ***
    https://ruby.taobao.org/
gem install sass
    Fetching: sass-3.4.13.gem (100%)
    Successfully installed sass-3.4.13
    Parsing documentation for sass-3.4.13
    Installing ri documentation for sass-3.4.13
    Done installing documentation for sass after 12 seconds
    1 gem installed
    
    //如果你在安装时出现如下提示,则表明网络不佳或源没有切换到 ruby.taobao.org
    ERROR:  Could not find a valid gem 'sass' (>= 0), here is why:
    Unable to download data from https://rubygems.org/ - SSL_connect returned=1 errno=0 state=SSLv3 read server certificate B: certificate verify failed (
    https://api.rubygems.org/latest_specs.4.8.gz)
sass -v
    Sass 3.4.13 (Selective Steve)

到此,所有的安装都结束了。接下来我们就可以直接编译sass文件了

Sass编译

打开ruby命令行,切换到scss文件所在目录,执行sass style.scss style.css,就可以将style.scss文件编译成style.css文件

更多的指令可以参考[sass编译文档][7]

参考文档:

  1. sass安装:http://www.w3cplus.com/sassguide/install.html
  2. windows证书无法验证:
    https://github.com/ruby-china/rubygems-mirror/wiki
  3. 使用ruby.taobao安装sass:
    https://github.com/nimojs/blog/issues/14#hash_ruby1
    [1]: http://rubyinstaller.org/downloads
    [2]: http://static.zybuluo.com/Jerry-MEI/wanm44mo5umiuk2ib24lap1e/rubyinstaller-2.3.1-x64.exe
    [3]: http://static.zybuluo.com/Jerry-MEI/fec9b1duuv43ymd2ke0oq42a/QQ%E6%88%AA%E5%9B%BE20160917210342.png
    [4]: http://static.zybuluo.com/Jerry-MEI/yxtqlw6j9eyh7wrb7rllf3u3/clipboard.png
    [5]: http://curl.haxx.se/ca/cacert.pem
    [6]: http://static.zybuluo.com/Jerry-MEI/irgyl6sw2lxafdgohfwle41w/QQ%E6%88%AA%E5%9B%BE20160917211759.png
    [7]: http://www.w3cplus.com/sassguide/compile.html
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,117评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,328评论 1 293
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,839评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,007评论 0 206
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,384评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,629评论 1 219
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,880评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,593评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,313评论 1 243
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,575评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,066评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,392评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,052评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,082评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,844评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,662评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,575评论 2 270

推荐阅读更多精彩内容