美文网首页
windows系统配置ruby环境

windows系统配置ruby环境

作者: 谷爱雨 | 来源:发表于2017-09-20 13:27 被阅读25次

1.下载ruby软件(网页下载可能会特别慢所以建议使用迅雷)-->https://rubyinstaller.org/downloads/

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

相关文章

网友评论

      本文标题:windows系统配置ruby环境

      本文链接:https://www.haomeiwen.com/subject/tqqosxtx.html