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

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 安装)