开始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
具体格式大家自由发挥去用