论坛首页 移动开发技术论坛

PhoneGap系列一 3.1安装配置

浏览 4672 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2013-11-06  

前言:

         PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以以此扩展无限的功能。

         该系列博文将记录本人进行PhoneGap项目开发的点滴流程。

 

一:PhoneGap的安装配置

第一步:安装java   并配置环境变量

 

第二步:安装Android SDK,将/installpath/tools 和/installpath/platform-tools 添加进环境变量,e.g:

E:\Android\android-sdk-windows\platform-tools;E:\Android\android-sdk-windows\tools;

 

第三步:安装Ant 并配置好环境变量 

 

第四步:安装Nodejs,安装成功可执行命令:npm   http://nodejs.org/

 

第五步:安装cordova

在命令行执行以下命令:

 

npm install -g cordova

 安装完成可以使用 cordova -v 查看当前版本。

 

 

第六步:创建项目

在命令行执行以下命令:

 

cordova create hello com.example.hello HelloWorld

 注意:要指定项目路径在命令行窗口先切换进相应的路径下:cd

 

如图:

 

 第七步:添加相应平台

cd myapp 进入项目路径

在命令行执行以下命令:

 

cordova platform add android


 

 添加完成后可以使用以下命令查看当前平台:

 

 

cordova platforms ls

 

 

第八步:打包程序

在命令行运行以下命令:

 cordova build

效果如下:


 

至此项目已经成功生成,接下来可以使用Eclipse工具导入项目,

File>>New>>Project>>Android>>Android Project from Existing Code

项目结构图如下:


 

 

  • 大小: 2.5 KB
  • 大小: 13.7 KB
  • 大小: 4 KB
  • 大小: 16.3 KB
  • 大小: 44.3 KB
论坛首页 移动开发技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics