码迷,mamicode.com
首页 > 其他好文 > 详细

安装配置PhoneGap开发环境

时间:2015-06-10 19:34:52      阅读:139      评论:0      收藏:0      [点我收藏+]

标签:phonegap   android   cordoba   eclipse   adt   

安装JDK

    略。

安装Eclipse并安装ADT插件

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

 

安装Android SDK最新版本

    目前最新版本为API 22.

 

安装Node.js

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

  

安装PhoneGapCordoba

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

    npm install -g phonegap

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

    npm install -g cordova

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

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

    phonegap -version

    技术分享

    cordova -version

    技术分享

使用PhoneGap生成Android工程

    使用PhoneGap新建一个工程:

    技术分享

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

    技术分享

    执行命令:

    phonegap run android

    技术分享

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


将工程导入Eclipse

    在Eclipse中点击File -> import

     技术分享

    选择:Android -> Existing Android Code Into WorkSpace

    技术分享

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

    技术分享

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

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

    技术分享

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

    技术分享

    右键:Run As -> 1 Android Application

    技术分享

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

    技术分享

    至此完成。












安装配置PhoneGap开发环境

标签:phonegap   android   cordoba   eclipse   adt   

原文地址:http://blog.csdn.net/dongdong9223/article/details/46444171

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!