关于 sass

Posted 2020-09-08 Christeen

写在前面的话：

　　参考阮一峰老师的教程：http://www.ruanyifeng.com/blog/2012/06/sass.html

　　sass 入门教程：http://www.w3cplus.com/sassguide/

一、sass

为CSS加入编程元素，这被叫做"CSS预处理器"（css preprocessor）。它的基本思想是，用一种专门的编程语言，进行网页样式设计，然后再编译成正常的CSS文件。 官方文档

二、安装

　　必须先安装Ruby，nodejs ,且这两个最好都装在同一目录下（如 C:programfiles 下）才不会出现一些未知错误，然后再安装SASS。

　　1. 安装ruby, 可以参照教程：http://www.w3cplus.com/sassguide/install.html

　　2. 安装 sass ，在进行了上一步之后，在命令行输入：gem install sass 回车等待即可。

　　3.在 sublime 中安装  sass build 插件 （如何安装插件？）, 这样就可以启动 ctrl+b 将 .scss 文件编译为 .css文件。

 

三、使用

　　1. 写样式是建立 .scss文件；

　　2. 然后 ctrl + b,生成 .css文件；

　　3. html 中引用的是 .css文件；