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

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

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

 

之后安装SASS 和compass

查看SASS和compass的版本如下:

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

添加一个SASS文件,如下图:

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

如此查看文件夹,生成了相应的文件,如下图:

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

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