一、下载安装Ruby

打开cmd,输入
ruby -v
可以看到ruby的版本号说明安装成功。
二、安装sass
cmd执行:gem install sass
如果半天未响应,是因为地址被屏蔽了,使用国内淘宝镜像
gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/
gem sources -l
打开cmd,输入 sass -v
可以看到sass的版本号说明安装成功。
三、安装sublime编辑器sass插件和sass build插件
打开sublime的package control,输入Install Package。安装sass和sass bulid。
选择build system中的sass compressed,新建scss文件,按ctrl+b就会生成一个自动编译生成css文件。
如果需要ctrl+s保存的时候进行bulid,可以安装SublimeOnSaveBuild
四、异常处理
- 中文异常
找到Ruby安装目录里的sass安装位置lib\ruby\gems\2.4.0\gems\sass-3.5.7\lib\sass
在engine.rb文件中添加一行代码:Encoding.default_external = Encoding.find('utf-8');
网友评论