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 compilecompass 实时编译
compass watch