windows系统配置ruby环境

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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容