注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

isblog主页

或许不一定要做得最多,但一定要做得最好! 能力就是一种财富,积累越多,就越体现你

 
 
 

日志

 
 

Eclipse 搭建PhoneGap开发环境  

2014-05-12 13:23:49|  分类: 开发环境 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

使用eclipse搭建phonegap开发环境步骤如下:
一、下载相关安装文件
1、下载Eclipse建议采用 Eclipse Classic 程序包


二、安装步骤
1、安装 Eclipse ,步骤如下:
a、如果你下载的是 Eclipse Classic 程序包,那直接将下载的程序包解压到合适的目录,如 D:\eclipse ;
b、安装完成后启动 Eclipse;
c、如果启动时弹出提示:A Java Runtime Environment (JRE) or Java Development Kit (JDK),那说明你的电脑上没有安装java虚拟机,Eclipse压根依赖于java虚拟机运行,下载一个JDK(java虚拟机运行)安装
d、JDK安装好后再次启动 Eclipse;
e、初次使用 Eclipse 会要求设置工作目录,如设置 D:\workspace ;
2、配置 Android SDK,将下载好的 Android SDK 压缩包解压到任意一个合适的目录,如 D:\AndroidSDK ;
3、为 Eclipse 安装 ADT 插件,ADT是Android 开发工具,它必须通过 Eclipse Install New Software 向导来进行安装,步骤如下:
a、在Eclipse上点击Help菜单,点击Install New Software;
b、在弹出的 Available Software 对话框上点击右上角的ADD,弹出一个Add Repository对话框;
c、在Name一栏输入”ADT插件”,在Location一栏输入”https://dl-ssl.google.com/android/eclipse/”,点击OK;
e、在 Available Software 对话框中勾选 Developer Tools 左边的复选框,点南对话框下面的 Next ;
f、在下一个对话框中,您会看到一个列表的工具下载,单击 Next 。
g、选中 I accept the terms of the license agreements (阅读并接受许可协议),然后点击 Finish ,如果遇到弹出对话框提示 Warning: You are installing software that contains unsigned content 点击OK。
h、当安装完成后会提示是否重新启动 Eclipse ,选择是,重启Eclipse,您必须指定位置你的 Android SDK目录;
i、在”Welcome to Android Development”对话框选择 Use existing SDKs (使用现有的sdk),点击 Browse 选择刚才配置好的SDK目录,如 D:\AndroidSDK ,点击 Next。
j、在下一个对话框点击 Finish ,完成安装;

4、通过 Android SDK Manager 安装 Android API;(如果设置eclipse工作目录为D:\AndroidSDK ,则可忽略此操作
a、配置好 ADT 插件后会弹出 Android SDK Manager 对话框,使用默认设置点击 Install 12 packages;
b、在弹出的 Choose packages to Install 对话框右下角选择 Accept License,点击Install;
c、等待软件下载完成,关闭对话框,重新启动 Eclipse ;如果安装成功你将看到相关图标Eclipse 搭建PhoneGap开发环境 - isblog - isblog主页
 

5、为 Eclipse 安装 phonegap开发插件,通过 Eclipse Install New Software 向导来进行安装,步骤如下:
a、在Eclipse上点击Help菜单,点击Install New Software;
b、在弹出的 Available Software 对话框上点击右上角的ADD,弹出一个Add Repository对话框;
c、在Name一栏输入”phonegap插件”,在Location一栏输入”http://svn.codespot.com/a/eclipselabs.org/mobile-web-development-with-phonegap/tags/r1.2.91/download/”,点击OK;
d、在 Available Software 对话框中勾选  MDS AppLaud 左边的复选框,点击对话框下面的 Next ;
e、在下一个对话框中,您会看到一个列表的工具下载,单击 Next 。
f、选中 I accept the terms of the license agreements (阅读并接受许可协议),然后点击 Finish ,如果遇到弹出对话框提示 Warning: You are installing software that contains unsigned content 点击OK。
g、当安装完成后会提示是否重新启动 Eclipse,完成安装;
h、eclipse重启后,如果安装成功你将看到此图标Eclipse 搭建PhoneGap开发环境 - isblog - isblog主页
 

6、设置android模拟器
       a、在Eclipse上点击Android Virtual Device Manager菜单(图标Eclipse 搭建PhoneGap开发环境 - isblog - isblog主页
       );
       b、在弹出的 Android Virtual Device Manager 对话框上点击差不多右上角的new,添加模拟器,具体操作略;
7、创建phonegap project
       a、可以点击此图标Eclipse 搭建PhoneGap开发环境 - isblog - isblog主页弹出创建窗口,选择cordova版本点击next。
       b、输入project name,如test。点击next,选择Android版本,点击next
       c、输入application name,及package name(如com.example.test),选择create activity,点击next完成创建...
       d、此eclipse左侧可以看到有一个test project创建成功。因为这里创建选择了默认demo,所以可以右击左侧test project,
       选择run as >> android application,这时需要等待,因为模拟器在启动哟,启动完成你可以在应用菜单上看到你创建test应用图标。
       e、点击图标就可以打开应用了。现在你可以按自己要求开发android应用了。
8、spk文件所在路径:D:\AndroidSDK\test\bin\test.apk (路径根据个人project目录而定)




基于命令行编译打包,参考地址如下

http://www.xiaoguo123.com/p/phonegap-cmd-line-1/
http://www.xiaoguo123.com/p/phonegap-cmd-line-2/




  评论这张
 
阅读(530)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017