phonegap开发基础篇一

一、phonegap简介

   http://www.cnblogs.com/ever4ever/archive/2012/07/09/2583652.html

 个人觉得这篇博客介绍的很不错。

 自从adobe收购了phonegap之后，给它取了个新名字cordova。

 因为公司项目的要求，研究大半年的phonegap，结合jquery mobile和sencha touch 两个移动ui框架，开发了两个版本  的app。phonegap开发总体来说起点比较低，只需要会写一些js和html、css,现在web开发已经很成熟了，web上衍生的成熟ui框架也是一抓一大把，这也方便了phonegap开发ui上的处理了。

二、phonegap环境搭建 

    1.从这里 下载安装最新的node.js

    2.根据官网文档

http://cordova.apache.org/docs/en/3.5.0/guide_cli_index.md.html#The%20Command-Line%20Interface

    通过命令行安装cordova，官网上也有介绍，可以选择不同的版本进行安装。

     3.命令行输入cordova -version判断安装是否成功。官网上关于命令行如何创建项目，如何运行项目都有详细的介绍，这里不再重复。学习一个框架，如果不会认真看官网文档，我觉得那种学习是肤浅的。

    4. 本人自己用的开发工具是netbeans。选择它的主要原因是它支持cordova项目的创建。下载all版本，cordova是基于html5的，必须包含html5。在编译cordova项目的时候，netbeans会从git上下载cordova需要的插件，所以需要先安装git客户端。

        安装成功之后，可以从新建项目里面看到，可以新建一个cordova项目。

     5. 编译和运行项目，必须要确保有对应的平台环境。以android为例，打开新建项目下的cordova.local.properties文件，将cordova.platforms=ios替换为cordova.platforms=android。

        首先需要给netbeans添加安卓插件，菜单栏工具——>插件——>设置——>添加，url地址是 http://nbandroid.org/release72/updates/updates.xml，因为我已经添加过，所以会显示错误。

            

    6. 添加完成之后，在菜单栏工具——>选项——>其他，会看到有一个android的选项，需要给netbeans添加android的sdk。

        7. 到此为止，你就可以通过netbeans创建，编译和运行一个cordova项目。这个过程会有一些错误出现，比如会出现netbeans的版本和当前android的api版本不匹配。希望大家可以分享一些问题。