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

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

时间:2017-04-19 12:54:23      阅读:256      评论:0      收藏:0      [点我收藏+]

标签:oid   创建   文件   最新   nbsp   lips   sdn   targe   text   

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

    使用PhoneGap新建一个project:

    技术分享

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

    技术分享

    运行命令:

    phonegap run android

    技术分享

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

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


将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虚拟机中的运行效果

    技术分享

    至此完毕。












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

标签:oid   创建   文件   最新   nbsp   lips   sdn   targe   text   

原文地址:http://www.cnblogs.com/lytwajue/p/6732801.html

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