搜索
您的当前位置:首页正文

今天开始玩sass了

来源:二三娱乐

开始sass之前要先安装ruby,用ruby再安装sass

此处忽略sass安装步骤

cmd命令行中输入sass -v即可查看sass版本,一般也用此方法验证是否安装成功

sass "scss文件位置":"要输出css的目录及文件名"

例如:

sass sass/style.scss:css/style.css

上面的sass/和css/是目录名称

上面的命令是指定某sass文件生成css文件的位置

每次写完sass执行上面的命令就可以看到css被编译后的效果

可是每次这么执行这个命令是不是很烦啊,要知道我每次改一个颜色值都要刷新看看效果的,这样的话步骤如此多,让我隐藏的处女座要爆发了

幸好有个监视命令

可以实时监视sass文件是不是被改变了 --watch,字面意思也有点监视的意思

sass --watch sass/style.scss:css/style.css

这个很奇怪一点的是一般加参数为啥不是加在最后而是在前面,有知道的烦劳告诉我

还有就是输出的格式,我一般习惯扩展的,等完全写好后再保存为压缩模式,大家随意,下面是格式的解释图

QQ截图,大家多包涵

具体命令为

sass --watch sass/style.scss:css/style.css --style compact

具体格式大家自由发挥去用

Top