cordova入门教程——环境搭建
- 概述
- 安装
- nodejs
- Java开发工具包(JDK)
- Android SDK
- Gradle
- 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 ”（注意最前面有一点）
- 打开cmd命令行，输入
java, 输出如下表示java环境配置成功
Android SDK
安装Android Studio并下载 SDK。这里我推荐使用AS去下载SDK，主要是用AS调试方便，会比你用命令行+编辑器+Gradle的方式方便很多。
在 Android Studio中文社区 下载Android Studio，并安装。安装完成后，你需要安装任何你希望的目标API级别的SDK包。
- 打开Android Studio，依次点击菜单栏 File -> Settings -> Appearance &Behavior -> System Settings -> Android SDK，如下图
- 选中你希望下载的SDK版本，并点击Apply，在弹出框中确认下载。
- 打开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
- 修改npm源和安装
npm config set registry https://registry.npm.taobao.org npm install -g cordova - 在命令行中输入
cordova -v，如果能显示cordova版本，则安装成功； - 如果报错为 “cordova 不是内部或外部命令”，则需要配置cordova系统环境变量，依次打开 计算机——属性——高级系统设置——环境变量——系统变量，在Path中添加 添加cordova.cmd所在路径，我这里是
C:\Users\Administrator\AppData\Roaming，配置完成后，重启命令行即可。
常见问题
- “cordova 不是内部或外部命令”，依据上文配置cordova环境变量，重新打开一个命令行即可。
- 执行
cordova platform add android --save后，命令行卡住不动，也不报任何错误。
解决办法：可能是该镜像下载速度慢，更换淘宝镜像即可。
npm config set registry https://registry.npm.taobao.org
