今天上午将前端经典的一个框架学习了一下，通过官网以及一些教学视频初步走通了这个神奇的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文件会自动生成对应的代码。
网友评论