之前对比了下less和sass,发现sass使用会比较复杂,所以就抛弃了sass用less写过一个项目,可能之前用这个写项目的经验太少,发现写过以后,并没有想象中那样方便,但是看过很多文章以后,感觉在 写一个完整的项目时使用此类框架还是会比较方便,并且发现sass配合compass有很多优势,所以还是想要尝试用下。
其实很多事情在用心之后都会变得简单许多,下来就介绍一下安装sass的方法。
一、首先,sass基于ruby的环境,先要安装ruby环境,具体就不介绍了,可以在官网下载rubyinstaller,然后一键安装,注意添加环境变量(勾选add ruby executables to you path)
二、安装成功start command prompt ruby
三、打开后就可以查看ruby版本 命令行:ruby -v
四、安装haml 命令行: gem install haml (之前对安装haml不是很理解,查了一下发现:sass基于ruby语言,并且是haml的一部分,所以在安装 sass就的先安装haml)
五、安装sass 命令行:gem install sass稍作等待安装成功
六、sass文件转换为css文件的方法
1:如果在D盘的sass文件夹建一个style.sass的文件
2:然后在命令行中输出D: (D代表D盘)
3:cd sass(计入sass文件夹)
4:--watch style.sass:style.css (在sass文件下将sass文件转换为css文件) watch代表监听
5:取消监听ctrl+c (y确认取消监听)
七、在sublime中安装sass插件,使其语法高亮显示。(需要安顺序安装两个插件sass,和sass.build)
结束语:安装成功后就可以使用了,不过还不是很熟,需要研究一下compass和写作过程中的一些技巧,希望对以后的工作效率有很大帮助