apache cordova 开发环境搭建

本文详细介绍如何搭建Apache Cordova开发环境,包括安装配置Ant、Node.js及Cordova等步骤,并通过实例演示创建和编译Cordova应用。

apache cordova 开发环境搭建

由于本人第一次写博客,会存在许多的书写问题,请大家多多谅解
        APP开发现在火得一塌糊涂,许多公司需要引进相关的技术人员,即android,IOS等开发人员,分别用各自的技术来现实相同的业务逻辑.PhoneGap cordova的出现让我眼前一亮,可以利用他来进行通用的开发,其实原理就是:手机浏览器对于html5的支持!PhoneGap cordova提供了调用本地操作的一些接口.PhoneGap cordova现已经归为apache组织;所以现在的名字为apache cordova.下面直入主题!
直入主题吧!
注意:本人执行以下操作使用的是jdk1.8;android sdk含有android-21;
  首先我们要确保jdk和android的环境变量配制正确
 
    第一步:安装ant  
           到官方主页http://ant.apache.org下载新版
           安装过程可参考http://www.cnblogs.com/yuzhongwusan/archive/2013/03/26/2982411.html
 配制ant的环境变量


查看是否安装成功

 

  第二步:安装node.js
           下载地址:http://nodejs.org/ 
           安装过程可参考http://www.jb51.net/article/33086.htm
         
查看是否安装成功

 第三步:安装cordova:npm install -g cordova

查看cordova版本确认是否安装成功
 
第四步:创建存放引用库模板的目录第五步:创建demo "cordova create HelloWork com.hell hellwork"
进入HelloWork目录第六步:下载模板 "cordova platform add android"第六步:编译模板:"cordova build"
 


第七步:向eclipse导入


运行:hellwork 工程,运行结果


这就是一个纯的html5 demo.但是此时不能更改www文件夹下的内容.

第八步:删除引用,结果如下



更改\assets\www\index.html文件再试一下

是改变了,但是确是乱码




开发时一定要注意编码为"utf-8",再次运行


OK 到此开发环境搭建完毕!


第九步:完善一下IDE

在我们用eclipse开发html时发现与记事本没有什么区别,那我们下载一个插件aptana,官网地址:http://www.aptana.com/



html 开发移动端是为我们带来了很大的方便,但是它的运行性能确比原生的速度差得多!



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值