apache 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 开发移动端是为我们带来了很大的方便,但是它的运行性能确比原生的速度差得多!