cordova安装与新建项目

前言：接触cordova是公司要做webApp，让我做个插件供H5调用；当时一下就懵了，对于一个接触开发时间并不长的小白来说开发插件要怎么做啊（两眼一抹黑），后来知道了cordova可以开发插件，然后趁这个机会学习一点cordova的开发技术，顺便写写博客巩固一下。其中有不对的地方，希望各位大神指出。感激不敬~~~
首先，搞清楚一个概念，phonegap与cordova之间的区别。其实， phoneGap是原先的名字，Adobe将phoneGap捐给apache之后，起了另外的一个名字——apache cordova，phoneGap的名字也被保留了。

可能需要配置的环境变量，配置过的就不用管啦：
JDK环境变量的配置：http://www.cnblogs.com/smyhvae/p/3788534.html
Android环境变量的配置：http://jingyan.baidu.com/article/09ea3ede1b4df6c0aede39ab.html
Gradle环境变量的配置：http://blog.csdn.net/lw_power/article/details/51241187
Ant环境变量的配置（前面3个配置完后貌似不需要了）：
http://www.cnblogs.com/yuzhongwusan/archive/2013/03/26/2982411.html

简介

Cordova提供了一组设备相关的API，通过这组API，移动应用能够以JavaScript访问原生的设备功能，如摄像头、麦克风等。Cordova还提供了一组统一的JavaScript类库，以及为这些类库所用的设备相关的原生后台代码。Cordova支持如下移动操作系统：iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian。

入门第一步：cordova安装

• 首先我们需要安装Node.js；https://nodejs.org 直接去官网下载并按默认路径安装就可以了。 安装完成后在命令行输入：
  nmp
  出现下面代码及测试成功
  

• 安装Cordova CLI；
  命令行输入：
  npm install -g cordova
  然后等待下载安装，此过程需要等待几分钟（视网络情况而定）
  

• 安装成功后命令行：
  cordova
  

到这里cordova安装就完成了，更加详细的请查看这篇文章

入门第二步：创建Cordova应用

接下来以生成Android平台为例

我们在d：\test 目录下新建一个目录，然后执行下面的命令进入该目录

 d:
 cd testCordova

然后创建新的cordova项目，输入以下命令：

cordova create myApp//创建myApp项目
cd myApp//进入myApp目录
cordova platform add android//添加android平台

当然除了android平台，你也可以添加其他的平台：
cordova platform add wp8
cordova platform add windows
cordova platform add amazon-fireos
cordova platform add android
cordova platform add blackberry10
cordova platform add firefoxos\
卸载平台命令：
cordova platform rm iOS
cordova platform rm firefoxos
cordova platform rm windows
cordova platform rm wp8
cordova platform rm firefoxos
cordova platform rm android

完成后我们可以在D/testCordova/myApp下看到这样的文件目录

其中

• config.xml目录： cordova的配置文件
• hooks目录：存放自定义cordova命令的脚本文件。每个project命令都可以定义before和after的Hook，比如：before_build、after_build。
  Hook可以采用任何编程语言来写，Cordova CLI采用的是Node.js，所以一般都是用它来写。

这里提供了3个常用的Hook脚本：
http://devgirl.org/2013/11/12/three-hooks-your-cordovaphonegap-project-needs/

• platforms目录：各个平台的原生代码工程，不要手动修改，因为在build的时候会被覆盖。
• plugins目录： 插件目录（cordova提供的原生API也是以插件的形式提供的）。
• www目录：源代码目录，在cordova prepare的时候会被copy到各个平台工程的assets\www目录中。
  其中index.html为应用的入口文件。

然后输入命令行：

cordova build//编译

如果编译出错你可能有一些环境变量没有配置，请仔细检查你的环境变量。具体环境变量配置可以查看文章开头。

成功如下（过程可能有些漫长，请耐心等待）：

最后按照上面的路径找到安装包apk文件，将其安装到手机上运行后如下：

到此结束，谢谢各位观看！如有错误请不吝指教。

---

为了向别人、向世界证明自己而努力拼搏，而一旦你真的取得了成绩，才会明白：人无须向别人证明什么，只要你能超越自己。