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目录,如下图所示,这说明项目创建成功了。
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
运行上述项目,在模拟器中可以看到如下图所示的界面。
3、下集预告
事实上,上述编译及运行流程在最新的Cordova版本中(准确的说是5.0+的版本中)会出错,因为5.0+的版本不是使用ant编译而是使用gradle。下一节将介绍如何在5.0+以上的版本中直接使用上述命令会有什么问题以及如何强制使用ant编译运行项目。