«

安装配置PhoneGap开发环境

时间:2024-3-2 18:45     作者:韩俊     分类: Android


1 安装JDK

略。

2 安装Eclipse并安装ADT插件

Android的官网提供集成了Android插件的Eclipse开发环境。目前访问不了,尝试百度一下其它资源。

3 安装Android SDK最新版本

目前最新版本为API 22.

4 安装Node.js

到Node.js官网下载并安装Node.js。

5 安装PhoneGap、Cordoba

Node.js安装成功后,将其路径配入Path环境变量,以方便命令行使用。在命令行中输入:

npm install -g phonegap

安装好后还要安装Cordoba,输入:

npm install -g cordova

对于Cordoba与PhoneGap的关系,PhoneGap的文档介绍的很清楚,其实就是内核与产品的关系,类似于WebKit 与Chrome的关系。

安装完成后可以检查安装的版本:

phonegap -version

cordova -version

6 使用PhoneGap生成Android工程

使用PhoneGap新建一个工程:

进入该工程目录,可以看到有如下目录:

执行命令:

phonegap run android:

这会生成基于Android的PhoneGap工程,如果有真实设备连接,这个工程会跑在这个设备上,否则会启动Android虚拟机并跑在Android虚拟机上。等待虚拟机加载完毕然后将其关闭。实际上,创建的工程位于platforms文件夹中。


7 将工程导入Eclipse

在Eclipse中点击File -> import:

选择:Android -> Existing Android Code Into WorkSpace:

在新的界面中选择刚才生成的工程目录:

这里会出现4个选项,都选中,点击Finish。

这时候工程就会导入到Eclipse中:

<br />

如图所示会导入3个工程,其中Hello World就是我们的主工程,结构如下:

右键:Run As -> 1 Android Application:

<br />

能够看到Android虚拟机中的执行效果:


至此完成。












标签: android

热门推荐