文档章节

win7下搭建cordova环境

Cycle_C
 Cycle_C
发布于 2014/07/29 22:49
字数 1068
阅读 2498
收藏 9

0、概述

cordova,是一个开源的手机应用开发框架,它可以让开发者使用标准网页技术如html5,css以及js来进行跨平台开发,避免不同开发平台的原生开发语言带来的麻烦。

官网:http://cordova.apache.org

文档:http://cordova.apache.org/docs/en/3.5.0/   #截止到2014-7-29,cordova的最新版本是3.5

1、环境准备:

1)安装node.js

这是因为安装cordova时要用到node.js的npm

连接:http://nodejs.org/

下载安装成功之后,打开cmd,进入D盘,创建cordova的工作空间


测试安装结果命令:

node -v

效果图:


2)安装git

用于后面有些插件可能需要用git来下载;

连接:http://git-scm.com/


3)安装ant

下载连接:http://apache.dataguru.cn//ant/binaries/apache-ant-1.9.4-bin.zip 

下载好之后,解压出来,我这里解压到D:\Program Files\apache-ant-1.9.4下,

然后在环境变量中配置变量ANT_HOME,值:D:\Program Files\apache-ant-1.9.4,

在PATH中追加%ANT_HOME%\bin;

注:如果不安装的话后台的操作会报找不到ant;


测试安装效果命令:

ant -v

效果图:


2、安装cordova CLI

安装命令:

npm install -g cordova

回车后,就会开始下载相关的包并安装

ok,测试安装结果命令:

cordova -v

3、创建app

这里创建一个命名为firstApp,id为com.cycle.first的app,放在first文件夹下:

创建命令:

cordova create first com.cycle.firstApp firstApp -d

创建过程需要下载一些cordova的库,所以得等一下,上面命令中的-d是展示创建过程中的一些细节。

命令执行完后会得到这么一个目录结构的app

./first
./first/config.xml
./first/hooks
./first/hooks/README.md
./first/platforms
./first/plugin
./first/www
./first/www/css
./first/www/img
./first/www/js
./first/www/index.html


4、添加平台

注:添加平台前必须得先安装该平台的sdk,不然的话....#下面的配图是拿别人的...

这里以添加安卓来例子

1)安装sdk

注意:安卓sdk和cordavo版本之间有这么个关系:

  • 3.0需要的是android-17(Android 4.2.2)

  • 3.1和3.2需要android-18(Android 4.3)

  • 3.3、3.4、3.5需要android-19(Android 4.4.2)(同时ant1.8+)

下载安装好adt后,还需要在环境变量中配置变量ANDROID_HOME,值得为sdk所有的目录,

比如我的就安装D:\androidWorkspace\adt\sdk,那就将ANDROID_HOME指向这个目录,并在PATH中

追加%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;

注:修改了PATH后需要重启cmd才可以生效。

2)添加平台

接下来的命令都需要在app的次级目录下执行,

进入first

cd first

添加安卓

cordova platform add android
 #添加其他的平台:
 #cordova platform add ios
 #cordova platform add amazon-fireos
 #cordova platform add blackberry10
 #cordova platform add firefoxos

回车后,会开始下载安卓的相关库,等等吧。。。

创建完之后可以用下面这条命令来查看已添加以及可支持添加的平台:

cordova platforms ls

如果想删除某个平台的话,可以这样:

cordova platform rm amazon-fireos
cordova platform remove android

添加之后会./first/platforms下的目录,增加一个相应平台的目录,而删除平台的话,也会将这个目录删除。#慎重#

5、编译app

cordova build

这条命令将编译./firstApp/platforms下所有的平台,如果只想单独编译其中的平台的话,只需要在build上增加该平台名即可。

cordova build android

貌似头一回编译时都比较慢。。。

编译的过程中,会输出一堆东西。。最后如果看到build successful,就可以了。

实际上,build命令是prepare 以及compile两条命令的缩写。上面这条命令相当于:

 cordova prepare android
 cordova compile android

6、测试一下app吧

1)模拟器上测试:

输入下面命令:

cordova emulate android

但是,查资料说Windows下convert命令冲突,直接“cordova emulate android”会报Error: spawn ENOENT,需要先启动模拟器。

2)浏览器上测试:

输入下面命令:

cordova serve android

然后在浏览器中输入http://localhost:8000 即可看到支行情况。

注:可以打开多个cmd运行同一个app,但是端口会8000开始+1;

3)设备上测试:

插入usb,输入下面命令:

cordova run android


搞掂收工。


© 著作权归作者所有

Cycle_C
粉丝 10
博文 20
码字总数 4770
作品 0
广州
程序员
私信 提问
加载中

评论(1)

n
nece
79写得非常好
cordova nodejs phonegap

本文主要说的是在win7下搭建cordova环境开发,做一些基础配置吧 首先要做的就是nodeJS ,如果你还没有下载点这里 http://www.nodejs.org/ 选择自己的os对应的版本下载, 安装过程可以选择nex...

kore_wang
2014/07/08
2.1K
1
Apache Cordova开发环境搭建(二)VS Code

原文:Apache Cordova开发环境搭建(二)VS Code 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011127019/article/details/56335719 Apache Cordova开发环境...

杰克.陈
2018/10/26
0
0
超简单的基于Android+Cordova+jQueryMobile的Webapp环境搭建

一、 Android环境搭建 略 (;P) 二、 Cordova 1获取zip包,解压cordova-android。 2进入到cordova-3.4.0cordova-androidbin下,使用命令create tonewproject> name> 创建项目。 create dir c......

bfleeee
2014/05/21
6.3K
0
开发环境搭建

//创建项目 项目路径 项目命名空间,项目名称 Cordova create /Users/indeed/Desktop/Project/2015/NE20141206AuchanDrive/55-Coding cn.auchan.auchandrive auchandrive //进入项目路径 cd......

KevinZhang_
2014/12/26
11
0
Apache Cordova开发环境搭建(一)-Visual Studio

原文:Apache Cordova开发环境搭建(一)-Visual Studio 一、使用Visual Studio开发Apache Cordova手机App 1.版本要求,Visual Studio需求2015或2017 2.在安装的之后勾选 JavaScript应用之Apach...

杰克.陈
2018/05/07
0
0

没有更多内容

加载失败,请刷新页面

加载更多

哪些情况下适合使用云服务器?

我们一直在说云服务器价格适中,具备弹性扩展机制,适合部署中小规模的网站或应用。那么云服务器到底适用于哪些情况呢?如果您需要经常原始计算能力,那么使用独立服务器就能满足需求,因为他...

云漫网络Ruan
45分钟前
2
0
Kafka 2.3 Producer (0.9以后版本适用)

kafka0.9版本以后用java重新编写了producer,废除了原来scala编写的版本。 这里直接使用最新2.3版本,0.9以后的版本都适用。 注意引用的包为:org.apache.kafka.clients.producer import ja...

实时计算
53分钟前
2
0
Java 中的 String 有没有长度限制

转载: https://juejin.im/post/5d53653f5188257315539f9a String是Java中很重要的一个数据类型,除了基本数据类型以外,String是被使用的最广泛的了,但是,关于String,其实还是有很多东西...

低至一折起
今天
14
0
OpenStack 简介和几种安装方式总结

OpenStack :是一个由NASA和Rackspace合作研发并发起的,以Apache许可证授权的自由软件和开放源代码项目。项目目标是提供实施简单、可大规模扩展、丰富、标准统一的云计算管理平台。OpenSta...

小海bug
昨天
11
0
DDD(五)

1、引言 之前学习了解了DDD中实体这一概念,那么接下来需要了解的就是值对象、唯一标识。值对象,值就是数字1、2、3,字符串“1”,“2”,“3”,值时对象的特征,对象是一个事物的具体描述...

MrYuZixian
昨天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部