`
单一色调
  • 浏览: 86599 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

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

效果如下:


 

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

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

项目结构图如下:


 

运行效果如下:


 

 

  • 大小: 2.5 KB
  • 大小: 13.7 KB
  • 大小: 4 KB
  • 大小: 16.3 KB
  • 大小: 44.3 KB
分享到:
评论

相关推荐

    PhoneGap 简单 总结 20几页小文档

    PhoneGap提供了一系列工具和API,帮助开发者轻松实现这一过程。例如,可以使用特定于平台的插件来访问摄像头、GPS等功能。 **3.2 利用PhoneGap Build服务** 对于那些希望简化构建流程的开发者来说,PhoneGap Build...

    Ionic 安装指南

    - 注意版本差异:国外网环境下安装的是Ionic 3,而在国内环境中安装的可能是Ionic 2系列。 **2.4 安装Python 2.7** - 不建议安装最新版本,因为可能会导致Ionic在查找Python版本时出现问题。 #### 三、安装过程 ...

    Learning Ionic中文版

    - Yeoman Ionic Generator是一种脚手架工具,可以帮助开发者快速生成一个新的Ionic项目模板,简化了项目的初始配置过程。 #### 第三章:Ionic CSS组件与导航 - **3.1 Ionic格子系统** - Ionic格子系统是一种灵活...

    Sencha_Touch_2.0用户指南(中文版) (2).pdf

    - 命令执行后会创建一系列项目文件,包括`.senchasdk`、`index.html`和`app.js`等。 #### 三、Sencha Touch 2 应用程序架构 **3.1 应用程序简介** Sencha Touch 2采用MVC(Model-View-Controller)架构模式,这有...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    3.1 跨域交互缓存处理需求 17 3.1.1 缓存技术WebStorage 17 3.1.2 跨域交互缓存处理需求 17 3.1.3 页面回退管理需求 17 3.2 缓存处理机制 18 3.2.1 跨域缓存处理 18 3.2.2页面回退管理 18 3.3 模块实现 19 3.3.1跨域...

Global site tag (gtag.js) - Google Analytics