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

摘要：

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

环境搭建：

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

• 预编译

cordova prepare android

• 编译

cordova compile 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.g...