雪碧图制作-Compass安装

简介: 雪碧图制作-Compass安装

雪碧图制作可以有其他工具,自己试了试Compass。

如果要安装Compass,需要先安装Ruby环境。

下载Ruby:

下载链接:http://rubyinstaller.org/downloads/

我的是win8 64位系统,因此选用的是RubyInstallers系列:

安装Ruby:

注意:

1. 安装路径选择全英路径,否则出错可能性大。

2. 安装过程中勾选 Add Ruby executables to your PATH 。

注意到以上两点,然后一直点下一步即可。

检查是否安装成功:

运行-cmd-enter,输入 ruby -v

如果输出版本号即安装成功,如图:

安装sass:

输入gem install sass

出现如图信息,则安装成功,如图:

安装Compass:

输入gem install compass

如果出现如下信息,则安装成功,如图:

错误排除:

在安装过程中,一开始跳过了sass的安装,直接安装compass了。遇到了这样的错误:error:while executing gem…(Gem::RemoteFetcher::FetchError)

翻译了一下,Remote Fetcher,Fetch Error就是远程提取,程序提取错误。还没找到原因,就找到了另外一篇介绍安装过程的步骤。试了试,问题就解决了。

工具安装好了,接下来试试用Compass制作雪碧图了。


相关文章
|
机器学习/深度学习 自然语言处理 算法
一个中心+三大原则 -- 阿里巴巴小蜜这样做智能对话开发平台
        在阿里巴巴智能服务事业部的X蜂会上,小蜜北京团队的高级算法专家李永彬(水德)分享了小蜜智能对话开发平台的构建,围绕平台来源、设计理念、核心技术、业务落地情况四大维度讲述了一个较为完整的智能任务型对话开发平台的全景。
5083 1
|
10月前
|
SQL Cloud Native NoSQL
.NET Aspire Preview 4 发布!
.NET Aspire 是一个有态度的云原生应用开发框架,旨在改善生成 .NET 云原生应用的体验,并提供一组强大的工具来帮助你生成和运行分布式应用。它允许开发者快速创建属于自己的云原生应用,或改造已有的项目成为云原生应用。
240 3
|
API C#
electron实现类似QQ来新消息时的闪烁与任务栏窗口提醒
公司项目有一款带即时聊天、群组功能的APP,因为要给客服人员使用,需要开发PC版本。之前使用C#开发过一个PC版本,但是C#的UI这一块支持的不太好,而且升级比较麻烦,我就牵头基于Electron去实现了一个PC版本。
3158 0
|
运维 监控 负载均衡
Spring Cloud(四)《服务响应性能成功率监控 Hystrix》
Hystrix Dashboard | 断路器仪表盘,Hystrix 依赖服务一段时间窗内的请求调用情况来判断并操作断路器的链接和熔断状态保护系统快速失败服务降级,而这些请求情况的指标信息都是 HystrixCommand 和 HystrixObservableCommand 服务实例在执行过程中记录的重要指标信息,它们除了 Hystrix 断路器实现中使用之外,对于系统运维也有非常大的帮助。这些指标信息会以 “滚动时间窗” 与 “桶” 结合的方式进行汇总,并在内存中驻留一段时间,以供内部或外部进行查询使用,Hystrix Dashboard 就是这些指标内容的消费者之一。
241 0
Spring Cloud(四)《服务响应性能成功率监控 Hystrix》
用GitLab搭建自己的私有GitHub
用GitLab搭建自己的私有GitHub
199 0
|
消息中间件 存储 负载均衡
为什么会选择使用RabbitMQ ? 有什么好处 ?
选择使用RabbitMQ的原因有很多,以下是一些常见的好处和详细介绍
560 0
|
自然语言处理 JavaScript 前端开发
一文读懂基于 Yaegi 解释器开发可热插拔的 Traefik 插件
Hello folks,我是 Luga,今天我们来聊一下云原生网关 Traefik 堆栈插件及脚本运行载体 ——Yaegi 解释器。
480 0
|
10月前
|
前端开发 Java 数据库连接
Spring Boot 3 整合 Mybatis-Plus 动态数据源实现多数据源切换
Spring Boot 3 整合 Mybatis-Plus 动态数据源实现多数据源切换
Pytest 系列(24)- allure 环境准备
Pytest 系列(24)- allure 环境准备
137 0
Pytest 系列(24)- allure 环境准备

热门文章

最新文章