美文网首页移动开发@IT·互联网程序员
Cordova实践(二):开发流程梳理

Cordova实践(二):开发流程梳理

作者: 大饼说科教 | 来源:发表于2015-11-22 10:46 被阅读665次

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

相关文章

  • Cordova实践(二):开发流程梳理

    1、Cordova安装 打开命令行,键入 npm -g install cordova 待命令执行结束之后,键入 ...

  • Cordova 开发流程

    1 环境搭建 node npm install -g cordova (安装 Cordova ) 2 创建项目 c...

  • 【学渔父母实践打卡】第13天

    今日重要的三件事:梳理流程、聚餐、疏导Vivian 一、实践——勇于面对 1、以前什么流程梳理,话术口径、投诉...

  • Cordova iOS插件开发流程

    用cordova做地图定位,由于phonegap100上没有合适自己的插件,iOS的定位已经做好了,要是把它做成插...

  • 关于流程设计

    一、成立设计小组,包括本企业的理论扎实、实践经验丰富的岗位员工等; 二、现有流程书面化,梳理业务流程,通过文字叙述...

  • ionic3完成整个APP开发所遇到的问题及解决方法

    开发流程及部分功能实现 一、启动项目 npm install 安装依赖 安装环境Cordova & Ionic C...

  • Cordova app 开发最佳实践

    1)SPA是你的朋友 首先,Cordova 应用程序应该采用 SPA(单页面应用) 设计。 松散定义,SPA是从对...

  • ByteEdu游戏开发流程梳理(转载)

    | 游戏开发流程梳理新手指引游戏开发的人员结构(1)游戏开发流程(2)游戏开发了解程序工作(3)游戏开发了解美术工...

  • 开发流程

    前端开发流程梳理 ```tex 1 产品需求 产品调研 2 设计开发 设计开发 设计评审 3 后端开发 后端提...

  • Cordova教程

    Cordova概述Cordova开发前的准备工作使用Cordova命令行界面(CLI)Cordova应用解析Cor...

网友评论

    本文标题:Cordova实践(二):开发流程梳理

    本文链接:https://www.haomeiwen.com/subject/xdfrhttx.html