2.勾选 Add Ruby executables to your PATH 选项
3.安装完ruby后,可在菜单中找到ruby,打开 Start Command Prompt with Ruby
4.gem install sass
5.如果没有安装成功,可以利用淘宝的RubyGems镜像安装sass。
把默认的https://rubygems.org源移除,使用方法:gem sources --remove https://rubygems.org/
然后添加淘宝的源https://http://gems.ruby-china.org/ ,使用方法:gem sources -a http://gems.ruby-china.org/
6.查看一下当前使用的源:gem sources -l
7.sublime 上安装 sass和sass build
8.如果编译不成功大多数是目录路径是中文名导致,所以另存为到桌面ctrl+b即可编译成功;
9.文件里有中文编译失败解决:
D:\Program Files\Ruby24-x64\lib\ruby\gems\2.4.0\gems\sass-3.5.1\lib\sass\engine.rb的文件把下面语句
Encoding.default_external = Encoding.find('utf-8')
放在所有的require XXXX 之后即可。
10.动态显示结果:例如文件在桌面上有scss.scss文件
在Start Command Prompt with Ruby 输入
+ 定位到目录
- cd desktop
+ 配置输出地址
- sass scss/style.scss:css/style.css
+ 两种监听方式
- sass --watch 文件:文件
- sass --watch 文件夹:文件夹
- sass --watch style.scss:style.css