sass的安装使用

一、sass

　　sass---- CSS 扩展语言或 CSS 预处理器，是一种 CSS 的开发工具，提供了许多便利的写法，节省了设计者的时间，使得 CSS 的开发变得简单和可维护

二、安装

　　1、sass 是用 Ruby 语言写的（但是两者之间的语法没有关系）；首先第一种安装sass，需要依赖于ruby环境

　　　　1.下载ruby：https://rubyinstaller.org/downloads/

　　　　　　查看是否安装成功：打开cmd运行ruby -v、gem -v，如果返回版本号，恭喜你安装成功了

　　　　2.安装sass：打开cmd运行gem install sass

　　　　　　查看是否安装成功运行sass -v，如果返回版本号，说明sass安装成功

　　2、sass 依赖于node环境的安装

　　　　1.下载node：https://nodejs.org/en/

　　　　　　查看是否安装成功：打开cmd运行node -v、npm -v，如果返回版本号，恭喜你安装成功了

　　　　2.安装sass：打开cmd运行npm install sass

　　　　　　查看是否安装成功运行sass -v，如果返回版本号，说明安装成功

三、使用

　　Sass 文件就是普通的文本文件，可以直接使用 CSS 语法。文件后缀名是 .scss ，意思为Sassy CSS

　　　　假定新建了一个 demo.scss 文件, 并写了一部分代码

　　输入 sass demo.scss 命令,可实现 .scss 文件转化为 css 代码(注意:这里 css 代码是显示在命令行中)；要将显示结果保存成 css 文件，则输入下面命令:sass demo.scss demo.css

　　也可以让 Sass 监听某个文件或目录，一旦源文件有变动，就自动生成编译后的版本

• 监听文件sass --watch demo.scss:demo.css

• 监听目录sass --watch app/sass:public/stylesheets

　　注：冒号前是要监听的文件或文件夹，冒号后面是指定编译成的文件或指定要编译到的文件夹中

　　另外,使用 sass --help 可以列出完整的帮助文档。