-
安装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>
如图,创建了mySass的文件夹,下面创建了sass文件夹和stylesheets文件夹以及配置文件config.rb。
- 实时监听
在当前目录下:
<pre>compass watch</pre>
当scss文件修改时,会自动修改css。
在对应的css文件中标注了对应scss的位置,所以调试也可以直接通过注释找到scss位置。
到此为止,一个简单的Sass环境就搭建好了啦
网友评论