雪碧图制作-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制作雪碧图了。


相关文章
|
5月前
游戏图片贴图打包工具——exturePacker
游戏图片贴图打包工具——exturePacker
29 0
|
6月前
如何下载网页中的视频成mp4格式
如何下载网页中的视频成mp4格式
|
PHP
PHP图片文字合成居中
PHP使用GD库创建和处理包括GIF,PNG,jpef,wbmp以及xpm在内的多种格式的图像。 以下教程:图片合成文字,实现合成文字水平、垂直居中。
228 0
PHP图片文字合成居中
|
前端开发
零基础CSS入门教程(9)——背景颜色和背景图片
我们在images文件夹下放置一张图片,然后通过background-image来设置背景图。本小结我们学习了背景图片设置,背景颜色的设置,这两个设置再css里面很常用,我们要熟练掌握。如果觉得背景色不够好看,还可以找一张图片作为背景图,就想我们电脑或者手机的壁纸一般。我们前几小节学习了如何设置字体格式,我们这一小节学习一下如何设置背景颜色和图片。
零基础CSS入门教程(9)——背景颜色和背景图片
|
前端开发
零基础CSS入门教程(8)——CSS设置字体
我们前几个小结学习了,css的选择器,和及基本的改变字体颜色。我们这一小结学习一下设置字体的一些功能(1)font-size这个是设置字体大小,浏览器一般默认字体是16px (2)font-weight 这个是字体加粗和html字体加粗一样效果正常是400或写normal 加粗值是700或写bold (3)font-style是设置字体倾斜和html字体倾斜一样效果,倾斜写italic,不倾斜写normal (4)font-family可以设置字体形式 在后面加sans-serif是无衬线字体写这个墓地为了
零基础CSS入门教程(8)——CSS设置字体
|
搜索推荐
Alien Skin Exposure永久免费版PS图片滤镜后期处理软件
Alien Skin Exposure一款非常专业的图片后期处理软件,内含500多种照片滤镜。是一款图片后期处理功能非常强大的软件。这款软件可以对图片的后期效果做很好的处理。
246 0
|
程序员 Ruby
fcpx快速添加字幕 | final cut pro导入fcpxml字幕文件与视频时间对不上?我用代码搞定了
fcpx快速添加字幕 | final cut pro导入fcpxml字幕文件与视频时间对不上?我用代码搞定了
1015 0
fcpx快速添加字幕 | final cut pro导入fcpxml字幕文件与视频时间对不上?我用代码搞定了
OFFICE技术讲座:WP/SS文字渲染不开启的条件
OFFICE技术讲座:WP/SS文字渲染不开启的条件
116 0
|
关系型数据库
使用path制作各类型动画路径
原文:使用path制作各类型动画路径 ...
830 0