安装配置PhoneGap开发环境

Posted 2020-09-12 lytwajue

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生成Androidproject

    使用PhoneGap新建一个project：

    

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

    

    运行命令：

    phonegap run android：

    

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

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

7 将project导入Eclipse

    在Eclipse中点击File -> import：

     

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

    

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

    

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

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

    

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

    

    右键：Run As -> 1 Android Application：

    

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

    

    至此完毕。