1. 安装ruby环境
下载地址为:https://rubyinstaller.org/downloads/
一步步安装即可,非常简单。注意添加到path变量保持选中。
安装成功后,按ctrl+r ,输入cmd 打开命令窗口,输入ruby -v 可以看到如下窗口,说明安装成功
2.安装sass环境
ruby 支持gem管理工具
gem install sass
安装完成后,输入 sass -v 可以查看sass 版本信息
3.sass常用命令
- 单文件编译
sass test.scss test.css
- 单文件监视
sass --watch test.scss:test.css
- 文件夹监视
sass --watch src:build
- 设置编译后文件排版
sass --watch src:build --style nested
sass --watch src:build --style expanded
sass --watch src:build --style compact
sass --watch src:build --style compressed
- 设置不生成sourcemap文件
sass --watch src:build --style compressed --sourcemap=none