grunt-sprite自动雪碧图 安装使用方法
2014-03-05 10:14
225 查看
说实话,这个grunt-sprite自动合成雪碧图插件可是把我折腾坏了,今天终于把它给搞定了,所以便迫不及待的要跟大家分享。
1.安装依赖
下载安装GM图形库
下载安装Phantomjs (这个解压就可以用了)
2.安装好这两个依
赖之后,别忘了把它们配置到环境变量。
3.接下来就是配置Gruntfile.js和package.js了
4.npm install 安装依赖,之前几步都没有什么太大的问题,可到这一步我就卡住了,因为安装grunt-sprite的时候报错了
我打开grunt-sprite的node_modules发现只有spritesmith这个依赖,gm呢?于是我猜想这个错误可能是因为gm安装出错了,
于是我npm install gm --save-dev重新安装了下gm
5.我执行grunt,发现正确了。哎。。。。回过头来便恍然大悟,原来就是这么简单一个问题呐~~~
1.安装依赖
下载安装GM图形库
下载安装Phantomjs (这个解压就可以用了)
2.安装好这两个依
赖之后,别忘了把它们配置到环境变量。
3.接下来就是配置Gruntfile.js和package.js了
4.npm install 安装依赖,之前几步都没有什么太大的问题,可到这一步我就卡住了,因为安装grunt-sprite的时候报错了
我打开grunt-sprite的node_modules发现只有spritesmith这个依赖,gm呢?于是我猜想这个错误可能是因为gm安装出错了,
于是我npm install gm --save-dev重新安装了下gm
5.我执行grunt,发现正确了。哎。。。。回过头来便恍然大悟,原来就是这么简单一个问题呐~~~
相关文章推荐
- 将NGUI的Sprite放入非UIRoot下面(一般与2d Toolkit一起使用的时候会用到),会自动移动出现在UIRoot下面的解决方法
- MSDE自动安装使用方法
- 使用cpan安装Perl模块时自动安装依赖模块的方法
- vim + ctags + taglist配置和使用 【及】 一键安装 ctags和cscope的方法 【及】vim语法高亮,自动缩进,python 自动缩进设置
- Google出品的自动Web安全扫描程序 Skipfish 下载及安装使用方法
- CentOs使用Yum自动安装UnRar方法
- CentOs使用Yum自动安装UnRar方法
- 实现Windows7系统全自动安装的“无人值守应答文件”及其“使用方法”
- vim + ctags + taglist配置和使用 【及】 一键安装 ctags和cscope的方法 【及】vim语法高亮,自动缩进,python 自动缩进设置
- VMware安装linux 5.3时防止自动安装和无法使用图形界面的解决方法.
- eclipse自动换行wordwrap插件安装,检查和使用方法
- grunt-spritesmith自动生成雪碧图
- Android开发工具GenyMotion安装和使用方法
- MySql5.6使用validate password 插件加强密码强度的安装及使用方法
- Windows Server 2008 自动部署操作系统----使用发现启动映像远程安装
- Bug自动查找工具的安装与使用
- 经典vim插件功能说明、安装方法和使用方法介绍(已更新)
- IntelliJ IDEA使用技巧(八)——自动生成 serialVersionUID 的方法
- Cassandra在Windows上安装及使用方法[转]
- 前端开发环境之GRUNT自动WATCH压缩JS文件与编译SASS文件环境下Ruby安装sass常见错误分析