PhoneGap系列一 3.1安装配置

前言:

         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

效果如下:

PhoneGap系列一 3.1安装配置
 

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

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

项目结构图如下:

PhoneGap系列一 3.1安装配置
 

运行效果如下:

PhoneGap系列一 3.1安装配置
 

 

你可能感兴趣的:(PhoneGap3.1安装配置)