sass-compass 安装

sass基于ruby引擎,所以安装sass、compass之前需要先安装ruby。


ruby官网:https://www.ruby-lang.org/zh_cn/

sass官网:http://sass-lang.com/

compsass官网:http://compass-style.org/


ruby安装:

windows下利用RubyInstaller安装,RubyInstaller下载地址:http://rubyinstaller.org/downloads/

安装过程一路傻瓜式就可以了(因为要在命令行中使用ruby,所以需要勾选下面选项)。


打开命令行窗口,输入 ruby -v ,正确打印版本,则安装成功!

gem是ruby的包管理工具,sass、compass都是利用gem安装。

安装ruby的同时,gem已经同时安装好了。

因为国内网络的特殊原因,导致rubygems.org放在亚马逊上面的资源文件经常链接失败,需要修改gem软件包的sources,改为淘宝上的,命令如下:

移除sources:

gem sources --remove https://rubygems.org/
添加sources:
gem sources --a https://ruby.taobao.org/
查看当前sources列表
gem sources -l

-------------------------------------------------------------------------------------------------------------------

补充:(2016.11.29)

更改sources的时候window下报错:

Error fetching https://ruby.taobao.org/:
        SSL_connect returned=1 errno=0 state=SSLv3 read server certificate B: ce

rtificate verify failed (https://gems.ruby-china.org/specs.4.8.gz)

解决方法很简单,首先在这里下载证书 http://curl.haxx.se/ca/cacert.pem, 然后再环境变量里设置 SSL_CERT_FILE 这个环境变量,并指向cacert.pem 文件。

set SSL_CERT_FILE=C:\path\to\cacert.pem

如果你实在解决不了 SSL 的问题,请用 HTTP 协议的方式: http://gems.ruby-china.org

------------------------------------------------------------------------------------------------------------------

sass 安装:(--version=3.3.0 可选)

gem install sass --version=3.3.0

sass卸载:

gem uninstall sass --version=3.3.0

compass安装:

gem install compass
列出程序包:
gem list


sass文件可以分为两种格式.scss和.sass,两种格式之间可以互相转换,命令:sass-convert

sass-convert index.sass index.scss

一般很少直接用sass命令,会直接用compass命令。


compass插件利用gem安装,例如安装normalize

gem install normalize

利用compass创建一个项目:

compass create learn-compass

compass直接编译:

compass compile
compass 实时编译

compass watch



1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看REAdMe.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看REAdMe.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看READme.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。
1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 、 1资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看READmE.文件(md如有),本项目仅用作交流学习参考,请切勿用于商业用途。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值