安装配置PhoneGap开发环境(一)

时间:2023-03-10 05:43:21
安装配置PhoneGap开发环境(一)

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

安装配置PhoneGap开发环境(一)

cordova -version

安装配置PhoneGap开发环境(一)

6 使用PhoneGap生成Androidproject

使用PhoneGap新建一个project:

安装配置PhoneGap开发环境(一)

进入该project文件夹,能够看到有例如以下文件夹:

安装配置PhoneGap开发环境(一)

运行命令:

phonegap run android:

安装配置PhoneGap开发环境(一)

这会生成基于Android的PhoneGapproject,假设有真实设备连接,这个project会跑在这个设备上,否则会启动Android虚拟机并跑在Android虚拟机上。等待虚拟机载入完成然后将其关闭。

实际上,创建的project位于platforms目录中。

7 将project导入Eclipse

在Eclipse中点击File -> import:

安装配置PhoneGap开发环境(一)

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

安装配置PhoneGap开发环境(一)

在新的界面中选择刚才生成的project文件夹:

安装配置PhoneGap开发环境(一)

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

这时候project就会导入到Eclipse中:

安装配置PhoneGap开发环境(一)

如图所看到的会导入3个project,当中Hello World就是我们的主project,结构例如以下:

安装配置PhoneGap开发环境(一)

右键:Run As -> 1 Android Application:

安装配置PhoneGap开发环境(一)

可以看到Android虚拟机中的运行效果:

安装配置PhoneGap开发环境(一)

至此完毕。