手把手教你安装Cordova

1. 安装Node.js
安装Node.js，是为了使用其中安装的包管理工具npm（下载上传工具）
测试是否安装成功，cmd中执行[node -v]以及[npm -version]

2. 安装cordova Cli
这个是cordova开发的脚手架，其中集成了一些方法，比如构建，打包，方便开发。

$ npm install -g cordova

测试是否安装成功，cmd中执行

$ cordova -version

3. 安装java JDK
1）版本选择JAVA SE 8
下载jdk1.8.0_101.rar并解压到 D:Java: https://pan.baidu.com/s/1tURST2rRVNMSpXhy2nb8FA
提取码: wc6p

2）环境变量配置path:
“我的电脑” 右键 ->点击 “属性” ->点击 “高级系统设置” -> 点击“环境变量” -> "系统变量“

1. 点击”新建“
   JAVA_HOME : D:\Java\jdk1.8.0_101（jdk1.8.0_101解压路径）
   
2. 找到自己系统变量里的Path，点击”编辑“，添加着两个路径
   [%JAVA_HOME %\bin]
   [%JAVA_HOME %\jre\bin]
   

3)测试是否安装成功，cmd中执行[java \javac\ java -version]

4. 部署android开发环境
这一步是为了在cmd中使用cordova的时候涉及到的android命令
1）下载 android-studio-bundle-162.3764568-windows.exe
百度网盘：https://pan.baidu.com/s/1AhpehKiqEumIVaXSOXggPg
提取码：iv3r

2）安装Android studio
Android studio的安装和配置教程

2）环境变量配置path:
添加系统变量：ANDROID_PATH : D:\AndroidStudio\sdk（自己存放sdk的路径）

找到系统变量里的Path，点击”编辑“，添加着两个路径：
[%ANDROID_PATH%\platform-tools]
[%ANDROID_PATH%\tools]

5. 安装ant
Apache Ant，是一个将软件编译、打包，测试、部署等步骤联系在一起加以自动化的一个工具，大多用于Java环境中的软件开发
apache-ant-1.9.7-bin.zip点击下载
解压压缩包到目录 D:\Java\apache-ant-1.9.7
添加系统变量：ANT_PATH : D:\Java\apache-ant-1.9.7

找到系统变量里的Path，点击”编辑“，添加着两个路径：
[%ANT_PATH%\bin]

测试是否安装成功，cmd中执行[ant]

6. 创建第一个cordova应用
1）(在你存放项目源代码的目录中，npm)

$cordova create hello com.demo.hello hello

参数解释: 参数一：目录
参数二：包名
参数三：项目名称

2）进入刚才创建的新项目中的目录

$cd hello

3）给App添加目标平台。
cordova可以支持android和ios,window,Phone，并确保他们保存在了config.xml中:

$cordova platform add ios --save
$cordova platform add android --save
$cordova platform add browser --save

4）检查你当前平台设置状况（我选用了Android和browser）:

$ cordova platform ls

5）安装构建先决条件
要构建和运行App，你需要安装每个你需要平台的SDK。另外，当你使用浏览器开发你可以添加 browser平台，它不需要任何平台SDK。

检测你是否满足构建平台的要求:

$ cordova requirements

这一步很容易出错，一可能是网速慢卡住，二可能前面几步中的android没有正确配置
（或者会弹出android target需要某一特版本，比如28，此时使用android-sdk-windows中的SDK manager下载android SDK 24,将文件夹（命名一般是android-28）放入部署的android环境 D:\AndroidStudio\sdk\platforms中）

或者修改项目文件夹下 platforms\android\project.properties中的target值，以及AndroidManifest.xml中的target值

6）构建App
默认情况下, cordova create生产基于web应用程序的骨架，项目开始页面位于www/index.html 文件。任何初始化任务应该在www/js/index.js文件中的deviceready事件的事件处理函数中。

运行下面命令为所有添加的平台构建:

$ cordova build

你可以在每次构建中选择限制平台范围 - 这个例子中是’android’:

$ cordova build android

7.测试App

方式一：将手机插入电脑，在手机上直接测试App:

$ cordova run android

方式二：移动平台的SDK通常会绑定模拟器，它是一个可执行的设备镜像，这样你就可以在主屏幕启动你的App，看看它在多个平台是如何交互的。 在命令行运行下面的命令，会重新构建App并可以在特定平台的模拟器上查看:

$ cordova emulate android

$ cordova run android

方式三：在浏览器上查看

$ cordova run browser

8. androidStudio导入Cordova项目

完成上面步骤后，在目录中会有一个文件
platforms\android、build.gradle
通过androidStudio导入该文件，就可以在androidStudio编写应用了。

备注：一些常用的指令
检查是否满足构建平台要求[cordova requirements]
检查是否满足构建平台要求[cordova platforms check]
检查当前设置的平台[cordova platform ls]
使用仿真器查看应用[cordova emulate android]
查看仿真器列表[cordova run --list]
链接手机查看应用[cordova run android]
已安装的插件列表[cordova plugin ls]

入坑：
键入命令:cordova plugin add cordova-plugin-whitelist，会开始安装插件，同时会下载gradle和maven，但是非常慢
解决办法：

1. 需要手动下载 gradle-2.14.1-all.zip
2. platforms\Android\cordova\lib\builders\GradleBuilder.js 文件里面找到“http://services.gradle.org/distributions/gradle-2.
3. 14.1-all.zip”将其改为自己已经下载的文件的http地址。
4. 在项目里面搜索[mavenCentral()]替换为[maven { url “http://maven.aliyun.com/nexus/content/groups/public” } ]

报错：No installed build tools found. Install the Android build tools version 19.1.0 or higher时，
部署andrid开发环境路径出错