本文仅适用于Windows系统。什么是SassSass----CSS扩展语言或CSS预处理器,是一种CSS开发工具,提供了许多方便的编写方法,节省了设计者的时间,使CSS开发变得简单易维护。Sass是用Ruby写的,但是两者在语法上没有关系。即使您不了解Ruby,也可以使用它。但是必须先安装Ruby,然后再安装Sass。安装Ruby每个流行的平台都有几个可用于安装Ruby的工具:在Linux/UNIX平台上,您可以使用第三方工具,例如rbenv或RVM,或者使用系统的包管理系统。在OSX平台上,可以使用rbenv或RVM等第三方工具。对于Windows平台,您可以使用RubyInstaller。在安装过程中按照提示操作....安装Sass假定Ruby已经安装。运行cmd以进入命令提示符。输入ruby??-v,gem-v查看版本号。如果能正确显示版本号,恭喜!然后在命令行中输入以下命令:geminstallsass现在应该安装Sass了。不用着急,可以再查看一下,在命令行输入如下命令:sass-v如果版本号显示正确,那么就可以正常使用了!Sass中使用的一些Sass文件是普通的文本文件,直接使用CSS语法即可。文件扩展名为.scss,意思是SassyCSS。假设新建了一个demo.scss文件,写了一部分代码输入到sassdemo.scss命令中,可以将.scss文件转换成css代码(注:这里css代码显示在commandline):sassdemo.scss将显示结果并保存为css文件,输入以下命令:sassdemo.scssdemo.css也可以让Sass监控某个文件或目录。一旦源文件发生变化,会自动生成编译版本的监控文件sass--watchdemo.scss:demo.css监控目录sass--watchapp/sass:public/stylesheets另外,使用sass--help可以列出完整的帮助文档。编译Sass时可能出现的问题Syntaxerror:InvalidGBKcharacter错误解决方法:找到ruby安装目录,里面有sass模块,比如下面这个路径:"C:/Ruby24-x64/lib/ruby/gems/2.4.0/gems/sass-3.5.3/lib/sass”*找到engine.rb文件并打开,文件中全部requireXXXX后,添加如下一行代码:Encoding.default_external=Encoding.find('utf-8')
