Cordova实践（二）：开发流程梳理

1、Cordova安装

打开命令行，键入

npm -g install cordova

待命令执行结束之后，键入

cordova -v

如果可以看到cordova的版本号，说明cordova安装成功了。

2、开发流程梳理

2.1 创建项目

键入如下命令创建一个项目

cordova create demo com.example.demo HelloWorld

其中，demo是项目名称，com.example.demo是包名称，HelloWorld是主类名称。

上述命令执行完之后，可以发现在对应目录下面多了一个demo目录，如下图所示，这说明项目创建成功了。

cordova create命令创建项目

2.2 添加平台

然后通过如下命令添加android平台（如果JDK和Android SDK未配置或配置错误，则此步会出错）。

cd demo

cordova platform add android

添加完android平台之后，可以发现platforms目录中多了一个android子目录，说明添加成功。

2.3 打开模拟器

项目生成之后，即可编译并运行项目，所以这次之前需要打开AVD Manager创建并启动一个Android模拟器。

2.4 编译项目

键入

cordova build

编译上述项目

2.5 运行项目

键入

cordova run

运行上述项目，在模拟器中可以看到如下图所示的界面。

Cordova 示例程序界面

3、下集预告

事实上，上述编译及运行流程在最新的Cordova版本中（准确的说是5.0+的版本中）会出错，因为5.0+的版本不是使用ant编译而是使用gradle。下一节将介绍如何在5.0+以上的版本中直接使用上述命令会有什么问题以及如何强制使用ant编译运行项目。