Sass和Compass安装

最新推荐文章于 2021-09-06 21:13:49 发布

原创最新推荐文章于 2021-09-06 21:13:49 发布 · 240 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#compass #sass

css 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了如何在Windows环境下安装Sass及其依赖Ruby，并演示了如何使用Sass进行样式编译，包括不同输出格式的选择，此外还简要提到了Compass的安装与项目的创建。

1、Sass安装(windows下)
首先安装ruby，到ruby官网下载安装包，安装ruby。
安装完成之后打开命令行，运行： gem install sass
更新sass: gem update sass
卸载sass: gem uninstall sass

2、sass编译
语法：sass --watch scss目录:css目录 --style nested
示例：sass --watch ./scss/:./css/ --style expanded
参数说明：

--watch自动编译，
nested编译的格式为 
selector{
	color:red;
	font-size:16px;}
	
expanded编译的格式为 
selector{
	color:red;
	font-size:16px;
}

compact编译的格式为 （单行模式）
selector1{color:red;font-size:16px;}
selector1{color:red;font-size:16px;}

compressed编译的格式为 （压缩模式模式）
selector1{color:red;font-size:16px;}selector2{color:red;font-size:16px;}

2、安装Compass
运行命令 get install compass
然后在compass工作目录下运行 compass create projectName创建项目