sass的安装，使用，配置手把手教你

1.安装
因为sass依赖于ruby环境，所以装sass之前先确认装了ruby。如果你使用的是IOS系统，那么你的系统已经安装好了Ruby。

简单介绍一下ruby：
Ruby明显比其他类似的编程语言（如Perl或Python）年轻，Ruby是日本人发明的，所以早期的非日文资料和程序都比较贫乏。约于2000年，Ruby开始进入美国，Ruby归根结底源于Perl和Lisp两类语言，与C，C++，C#，java是不同大类。

完全面向对象

在Ruby语言中，任何东西都是对象，包括其他语言中的基本数据类型，比如整数

变量没有类型

Ruby的变量可以保存任何类型的数据。

任何东西都有值

不管是数学或者逻辑表达式还是一个语句，都会有值。

ruby语言很优雅，可以做到不需要注释就可以读懂。

优点

语法简单

普通的面向对象功能(类,方法调用等)

特殊的面向对象功能(Mixin,特殊方法等)

操作符重载

错误处理功能

迭代器和闭包

垃圾回收

动态载入(取决于系统架构)

可移植性高.不仅可以运行在多数UNIX上,还可以运行在DOS,Windows,Mac,BeOS等平台上

适合于快速开发，一般开发效率是JAVA的5倍

下载##：

image.png

请勾选Add Ruby executables to your PATH这个选项，添加环境变量，不然以后使用编译软件的时候会提示找不到ruby环境，哦后俩个都勾上哈

image.png

打开cmd，进c盘（ruby装在c盘里了）

image.png
嗯嗯ruby装好了

搜索找到这个
在文件夹里活生生没有还让我找！！！！直接搜好了

image.png

输入命令行 gem install sass

image.png

（别再cmd里直接sass -v啊）在这个面板里

image.png
嗯嗯，成功了

配置##：

打开webstorm：

image.png image.png

创建scss文件夹，new一个

image.png

下拉选框：

image.png

如果出现以下

image.png

是因为，你创建的是.sass文件！！

这是因为所说的所有sass文件都指后缀名为scss的文件（无语）。也建议使用后缀名为scss的文件，以避免sass后缀名的严格格式要求报错。.scss文件的语法和普通css差不多，当然想装比可以用.sass文件哈哈哈
应该是这个

image.png

用scss创建了，也不报错，但是不能实现同步编译。其实问题是出在

image.png

我的文件名含有中文字！！

我的天终于好了呜呜呜~~~

十分钟入门了解一下：https://www.w3cplus.com/sassguide/