-
安装Ruby环境
安装后找到此路径
- 安装Sass
<pre>gem install sass</pre>
若不能直接安装，则使用淘宝镜像：
<pre>
$ gem sources --remove https://rubygems.org/
$ gem sources -a https://ruby.taobao.org/
$ gem sources -l
*** CURRENT SOURCES ***
https://ruby.taobao.org
请确保只有 ruby.taobao.org
$ gem install sass //再次安装Sass
$ sass -v //查看安装版本
</pre>
- 安装Compass
<pre>gem install compass</pre>
查看安装版本：
<pre>compass -v</pre> - 创建目录文件
在任意位置使用命令行：
<pre>compass create yourPro</pre>
自动创建sass目录
如图，创建了mySass的文件夹，下面创建了sass文件夹和stylesheets文件夹以及配置文件config.rb。
- 实时监听
在当前目录下：
<pre>compass watch</pre>
当scss文件修改时，会自动修改css。
在对应的css文件中标注了对应scss的位置，所以调试也可以直接通过注释找到scss位置。
到此为止，一个简单的Sass环境就搭建好了啦
网友评论