cordova入门教程——环境搭建

概述

Apache Cordova是一个开源的移动开发框架。允许你用标准的web技术-HTML5,CSS3和JavaScript做跨平台开发。

使用Apache Cordova的人群:

• 移动应用开发者，想扩展一个应用的使用平台，而不通过每个平台的语言和工具集重新实现。
• web开发者，想包装部署自己的web App将其分发到各个应用商店门户。
• 移动应用开发者，有兴趣混合原生应用组建和一个WebView(一个特别的浏览器窗口) 可以接触设备级API，或者你想开发一个原生和WebView组件之间的插件接口

cordova的官网文档也很齐全，详见 cordova中文网

安装

nodejs

下载安装nodejs,记住安装路径。安装完成后，配置node环境变量。依次打开我的电脑 -> 属性 -> 高级系统设置 -> 高级 -> 环境变量，在系统环境变量中填入node的安装路径，点击确认即可。重新打开命令行，输入node -v后，能显示出node版本即说明安装成功。

Java开发工具包(JDK)

安装Java Development Kit (JDK)，（我用的是 JDK8 ）
在windows上安装时要根据JDK路径设置JAVA_HOME环境变量，具体如下：
依次点击 计算机——属性——高级系统设置——环境变量——系统变量

(1)新建->变量名" JAVA_HOME “，变量值” C:\Program Files\Java\jdk1.8.0_13 1“（即JDK的安装路径）
(2)编辑->变量名” Path "，在原变量值的最后面加上“ ;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin ” （切记不要掉了 前面的 ; ）
(3)新建->变量名“ CLASSPATH ”,变量值“ .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar ”（注意最前面有一点）

3. 打开cmd命令行，输入 java , 输出如下表示java环境配置成功
   

Android SDK

安装Android Studio并下载 SDK。这里我推荐使用AS去下载SDK，主要是用AS调试方便，会比你用命令行+编辑器+Gradle的方式方便很多。
在 Android Studio中文社区 下载Android Studio，并安装。安装完成后，你需要安装任何你希望的目标API级别的SDK包。

1. 打开Android Studio，依次点击菜单栏 File -> Settings -> Appearance &Behavior -> System Settings -> Android SDK，如下图
   
2. 选中你希望下载的SDK版本，并点击Apply，在弹出框中确认下载。
3. 打开Android SDK Manager (例如，在终端上运行`android)，并确保目标Android版本的Android Platform SDK和Android SDK build-tools已经安装。

Gradle

用AS创建一个新项目并运行后，会下载一个Gradle文件在指定目录，可通过如下方式查看，File -> Settings

在文件管理器中打开此路径，并依次进入 wrapper/dists/gradle版本/唯一识别码/ 目录

并将此目录配置到环境变量中：
环境变量新建->变量 GRADLE_HOME， 变量值为gradle的路径，我这里是：C:\Users\Administrator\.gradle\wrapper\dists\gradle-4.6-all\bcst21l2brirad8k2ben1letg

Cordova

1. 修改npm源和安装
   npm config set registry https://registry.npm.taobao.org npm install -g cordova
2. 在命令行中输入cordova -v，如果能显示cordova版本，则安装成功；
3. 如果报错为 “cordova 不是内部或外部命令”，则需要配置cordova系统环境变量，依次打开 计算机——属性——高级系统设置——环境变量——系统变量，在Path中添加 添加cordova.cmd所在路径，我这里是 C:\Users\Administrator\AppData\Roaming，配置完成后，重启命令行即可。

常见问题

1. “cordova 不是内部或外部命令”，依据上文配置cordova环境变量，重新打开一个命令行即可。
2. 执行 cordova platform add android --save 后，命令行卡住不动，也不报任何错误。
   解决办法：可能是该镜像下载速度慢，更换淘宝镜像即可。

npm config set registry https://registry.npm.taobao.org