sublime如何使用sass

以前写前端的时候都是用css直接写样式，最近听大神提起sass，所以今天打算开始学习用scss来编译css样式，既然是学习，那就从头开始，不足之处，还望大神不吝赐教！！！ 好了，开始了

sass有两种后缀名文件：一种后缀名为sass，不使用大括号和分号；另一种就是后缀为scss的文件，这种和平时写的css文件格式差不多，使用大括号和分号（这种比较常用）。

 

body
ground: #eee
font-size:12px
p
background: #0982c1

//文件后缀名为scss的语法
body {
background: #eee;
font-size:12px;
}
p{
background: #0982c1;
}

 

安装sass

 

首先少不了工具，工具就是日本人开发的ruby（此处可下载） 至于安装方法不会的可以百度哈（我也是百度的）;完成后再安装sass了，调用命令行  输入  　gem install sass   OK了

 使用sass

安装好以后就可以测试了

创建一个后缀为scss的文件，例如test.scss  ,在scss里可以写入scss代码；

 

完成后使用Ctrl + B 键进行编译

 

编译完后会会多出2个文件，一个为css文件  一个为 后缀map 的文件，项目中引用后缀为css的文件即可

 

编译后的css样式

 

然后导入html文件即可

 

浏览器打开效果