超详细cordova环境配置（windows）及实例

摘要：

最近闲来无事就把之前作的cordova项目整理了下，发现网上不多有详细完整的配置教程，因此本身就总结了下分享给你们。

项目地址：https://github.com/baixuexiyang/hybrid

环境搭建：

1.安装node.js
下载安装node.js,https://nodejs.org/en/，安装cordova时须要使用。安装完成以后在终端（win+r,cmd）执行node -v，若是看到以下图所示的版本号表示安装成功。

 

2.安装ant
下载链接:http://apache.dataguru.cn//ant/binaries/...，下载完成以后解压到你想安装的目录，好比D:\ant。而后将目录添加到系统变量里，步骤以下：右击个人电脑，点击属性，左侧菜单点击高级系统设置，在弹窗中点击环境变量，而后在用户变量中添加变量ANT_HOME,值为D:\ant，添加变量path，值为D:\ant\bin，添加变量classpath，值为D:\ant\lib。
配置好以后在终端输入ant -v，若是出现以下图所示则表示成功。

 

3.安装cordova
在终端执行下面命令

npm install -g cordova

测试安装是否成功，终端输入cordova -v，若是出现以下如所示提示表示安装成功

注意：有时候咱们安装成功了，可是执行cordova命令提示不是内部或外部命令，这时候须要在环境变量中配置咱们的全局npm路径，在用户变量里找到path，若是没有就新建，添加值为C:\Users\admin\AppData\Roaming\npm（找到本身对应的npm目录）

 

4.安装jdk
下载http://www.oracle.com/technetwork/java/j...，选择本身的版本

 

5.安装sdk
不一样的cordova版本对应不一样的sdk版本，我装的sdk为5.1.1。
下载sdk，http://www.oracle.com/technetwork/java/j...，这里有详细的安装步骤（http://www.cnblogs.com/zoupeiyang/p/4034...）

注意：安装硬件加速，须要修改BIOS的virtualization technology为true，模拟器启动不起来，去掉hardware。

 

若是以上都已经完成了，那恭喜你环境配置成功了！

 

建立第一个应用：

 

1.在终端进入你想要建立的目录，执行下面的命令：

cordova create first com.example.first firstApp

 

 cordova creat是建立项目的命令，紧接着first为目录，com.example.first为命名空间，firstApp为app名称

 

2.添加平台

 cd first
 cordova platform add android

添加android平台，下载可能会比较慢

 

3.编译app

cordova build android

编译android系统，最后若是看到build successful,就能够了

 

4.运行app

模拟器上运行

cordova emulate android

浏览器上运行

cordova serve android

浏览器访问http://localhost:8000便可

真机上运行

cordova run android

恭喜你第一个应用程序完成了！

 

经常使用命令：

一、建立应用

cordova create first com.example.first firstApp

 

二、添加平台

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 remove android
或者
cordova platform rm android

 

五、打包app

cordova build android

 

 六、运行app

cordova emulate android
cordova serve android
cordova run android

 

总结：

hybrid app相对native app来讲开发起来速度快，相对容易，可是没有native那么流畅，性能和体验稍微差些。而且文件大小相差也很大，一样一个应用native只要几k，二hybrid却要几兆。

下面是我本身分别使用cordova和phonegap开发的新闻应用，欢迎你们安装使用。
https://github.com/baixuexiyang/hybrid