命令行编译sass

1、安装ruby
一、须要的软件设备：

二、安装过程：
点击上图“应用程序”安装便可，注意安装过程当中其中三项都须要打上勾。
如若没有三项都打上勾则须要修改环境变量中的path路径后添加一个分号。

三、打开cmd 或 win+r 输入：gem -v 检查rubyinstaller是否安装成功 输出为：2.4.5 则为安装成功。 如若没有显示，重启一下电脑就行了！！

四、安装sass-3.4.22.gem:
输入：gem install +sass-3.4.22.gem所在的路径 回车便可

五、安装完成！（或者按上一章中的办法安装便可！）

====================================================================================

demo：

新建项目：web文件夹--包括scss文件和css文件！

scss文件用来放.scss文件的、css是执行sass编译监听后存放.css文件的（用来给.HTML文件引用的css文件）

在命令行执行命令：【监听整个文件夹】

sass --watch  scss:css

 --watch为实时监听 scss:css---->把scss文件里是我.scss文件编译到css文件里成为.css文件

----------------------------------------------------------------------------------------------------------------------------------------

 Sass编译出来的样式风格有4种：

• 嵌套输出方式 nested 它是默认值
• 展开输出方式 expanded
• 紧凑输出方式 compact
• 压缩输出方式 compressed 生产环境当中通常使用这个

单独编译不执行监听单个文件！ 若想要实时监听则添加 --watch 便可！

1）默认格式 ，不压缩： sass index.scss index.css --style nested

2）常规，页面代码比较清晰：sass index.scss index.css --style expanded

3）一行展现，不进行压缩： sass index.scss index.css --style compact

4）压缩： sass index.scss index.css --style compressed

（压缩通常是用在上线的时候使用}