html如何调用sass,HTML5学习之对SASS工具的应用

原标题：HTML5学习之对SASS工具的应用

对于大部分前端程序员来说，最痛苦的是莫过于写样式(css)了,试想一下，当做了 一个炫酷插件，或者实现了多牛逼的功能，可是没有完美样式，是不被人宠幸的，巨了解，我身边绝大部分的人都及其不喜欢写样式，一方面：嵌套多层元素时，那选择器的写法可不建议简写，毕竟涉及到样式覆盖与权重的问题;第二方面：对于某些程序员来说这与体力活不差一二。可是在我看来，一个优秀的，吸引人的web，样式的成分还是还是处于上游的，试想一下，一个web，没有“华丽”的表面，怎么吸引人的注意?我始终相信这样一句话“天无绝程序员之路”，这时候sass就拯救了我们

何为SASS

SASS是一个成熟、稳定、强大的 CSS 扩展语言解析器，提供变量、嵌套、混合、继承等特性，使用起来可以有效节俭时间，效率更高，维护更便利

sass安装的两种不同方法

gulp-ruby-sass是调用sass，所以需要ruby环境，需要生成临时目录和临时文件。

gulp-sass是调用node-sass,有node.js环境就够了，编译过程不需要临时目录和文件，直接通过buffer内容转换。

1，这里我主要介绍第二种方法首先需要在node环境下安装gulp插件

(gulp是当下最流行的自动化工具，可以自动化完成我们开发过程中大量的重复工作)

2，假设安装好gulp后，就可以安装sass(npm install gulp-sass --save-dev)

3，这里需要新建g