我是靠谱客的博主 文艺季节,最近开发中收集的这篇文章主要介绍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:pathtocacert.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



最后

以上就是文艺季节为你收集整理的sass-compass 安装的全部内容,希望文章能够帮你解决sass-compass 安装所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(82)

评论列表共有 0 条评论

立即
投稿
返回
顶部