拉风的咖菲猫
您好,这样的:Sass的安装:1.安装:SASS是Ruby语言写的,但是两者的语法没有关系。不懂Ruby,照样使用。只是必须先安装Ruby,然后再安装SASS。假定你已经安装好了Ruby,接着在命令行输入下面的命令:gem install sass然后,就可以使用了。2:使用:SASS文件就是普通的文本文件,里面可以直接使用CSS语法。文件后缀名是.scss,意思为Sassy CSS。SASS提供两种编译方式,一种是手动编译,一种是监视编译(–watch),手动编译就是当你撰写好CSS时下指令去做编译,监视编译则是你指令一个目录,当此目录里面的*.scss档案有改变时(新增、覆写等等),就会自动去做编译的动作。先来讲手动编译方式:下面的命令,可以在屏幕上显示.scss文件转化的css代码。(假设文件名为test。) sass test.scss如果要将显示结果保存成文件,后面再跟一个.css文件名。 sass test.scss test.cssSASS提供四个编译风格的选项:* nested:嵌套缩进的css代码,它是默认值。* expanded:没有缩进的、扩展的css代码。* compact:简洁格式的css代码。* compressed:压缩后的css代码。生产环境当中,一般使用最后一个选项。 sass –style compressed test.sass test.css还有一种监视的方式做编译,在命令行中切换到当前sass或者scss文件所在的目录,然后运行sass –watch scss:css