SASS

 

一直以来只是知道SASS是将CSS面向对象化，用来管理CSS文件的工具，浅尝辄止，至于了解层面。

昨天公司内部同事分享了SASS书写CSS文件的几个功能，在WebStorm下自动生成CSS文件，实现对于变量的定义和面向对象的集成，感觉非常的好，所以今天自己又实现了一下，总结如下：

Windows操作系统，安装Ruby，下载安装即可，安装完成后，如下：

 

之后安装SASS 和compass

查看SASS和compass的版本如下：

在VS2017已有的项目中新增一个文件夹用来显示CSS文件，如下图：

添加一个SASS文件，如下图：

保存之后发现并不能生成相对应的CSS文件，真是愁人，只能命令行试一下，

如此查看文件夹，生成了相应的文件，如下图：

使用VS的添加现有项即可添加到项目中去，如下图：

这样子路是走通了，可惜不如WebStorm方便，添加一个Watcher就可以了。

 

转载于:https://www.cnblogs.com/huangwuyi/p/9855859.html