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编译运行项目。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,002评论 25 709
  • 导语 这篇文章主要介绍了如何在Android平台上使用Cordova 的command-line interfac...
    jorstinchan阅读 22,740评论 6 41
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,107评论 19 139
  • 爱护士,爱女神
    X小玮阅读 197评论 0 1
  • 在爱情里你找到存在感了吗?是不是在与时间对抗,是不是在失眠的夜里怀疑,惧怕孤独了。 每对恋人都有过短暂的分离与重逢...
    荷风语安阅读 226评论 0 0