SASS学习

    今天上午将前端经典的一个框架学习了一下，通过官网以及一些教学视频初步走通了这个神奇的css框架。

    window系统中工作

    第一步（准备工作）：首先在需要使用sass之前，你需要装一些特定的环境。因此，首先你就需要从官网上将 ruby 下载下来。

打开ruby 所在的文件目录，你可以看到一个能够打开终端的文件，点开它，之后你就可以进行安装环境了。

    第二步（淘宝镜像的方法进行安装sass）：

    首先，在打开的终端窗口中，输入  gem  sources  --remove  http://rubygems.org/

    接着，再输入  gem  sources   -a   http://gems.ruby-china.org/

    其次下载sass ，        gem      install  sass ， 下载sass

    官网上还让下载了compass，目前没有学到这点儿，不过我依旧把它装上了 gem       install         compass

    sass -v 版本号                        compass  -v     版本号

    第三步就是正式的使用sass了

    首先进入你的项目目录中，

    然后创建一个sass文件夹，接着在这个文件夹中建立一个scss文件。

    这个时候，你还要在项目中建立一个css文件，

    在终端中输入 sass  scss/one.scss : css/one.css；

    这里需要解释一下，onescss是你手动建立的一个scss文件，通过上述的命令，你将你能够在css文件中自动创建出一个one.css文件。

    最后再通过在终端中输入sass  --watch    sass：css

这样你就能够让你的one.scss 文件实时地监测你的 one.css文件了。

代码你就可以直接写在one。scss文件中，之后，你的one，css文件会自动生成对应的代码。