前言:

简单介绍一下Cordova的环境部署，不熟悉命令开发小伙伴不用着急 ，我会在每个文章后面放几个简单的入门命令分段记忆，以及开发Web用到的IDE 此文章主要面向 Android 开人员

Cordova 简介

由 html, js, ionic ,angular… 实现的web UI效果 , cordova 作为中间的层来适配不同 native平台 如 Android, windosw, ios …
根据自己理解列出了个图，希望能帮助大家理解 （如果理解有误请评论留言，我会及时修改以免误导他人）

准备工作:

为方便小伙伴不东奔西跑，把 Cordova For Andorid 环境基本安装文件 列到下面 （已经下载无需重复安装，请确保已安装文件环境变量正确）

依赖	下载地址
SDK DEV TOOlS	链接: 下载传送门
JAVA JDK	链接: 下载传送门
NODE.js	链接: 下载传送门
VSCode（web编译器）	链接: 下载传送门

---

1. SDK DEV TOOlS 安装说明

常规 Android （android studio）开发环境配置 这里不絮述了 ， 重点说一下 Cordova-Android 对应的 Android API级别，请务必保证cordova-Android 版本 对应 相应的Android API版本 ，否则导致编译不通过等问题 ， 在这里列出 8.x版本的对应关系（若是Ionic3 开发项目建议用8.xx版本）

cordova-Android	支持的 Android API
7.XX	19 - 27
6.XX	16 - 26
5.XX	14-23
4.1.X	14-22
4.0.X	10 - 22
3.7.x	10 - 21

---

2. jAVA JDK 安装说明

下载jdk, 安装配置环境变量 这里假设小伙伴都知道怎么配置 这里不絮述
分享两条cmd 命令 可快速 设置和查看 环境变量

// 设置 环境变量 （=前后无空格）
set name=value
//查看 环境变量 
echo %name%

---

3. VSCode 安装说明

vscode 是微软开发的一款轻量级 插件式IDE ，可以根据编写 不同语言 分别扩展 对应的 语言插件即可

1. 傻瓜式安装 一路下一步即可
2. 使用快捷键：[CTRL + SHIFT + X ] 打开安装扩展插件面板 可以扩展 html 快速格式化工具 css 格式化工具，不同语言的代码提示，自动补全等功能
3. 使用快捷键：[CTRL + `] 打开cmd窗口 方便使用 Cordova，Ionic ，Vue，Angular CLI 命令 此文结尾处会提供出常用的几个 NPM ，Cordova ，Ionic 常用的命令

需要安装node.js后并正确配置环境 才可正常使用 命令

---

4. Node.js 安装说明

1. 下载地址已经附上，推荐下载mis安装方式

2. 安装完成后 cmd 下执行 echo %path% 检查是否有输出 对应的环境变量 或者 npm -v 是否有版本号

3. 因为一些资源访问受限制 cmd 下执行 npm config set registry https://registry.npm.taobao.org 设置淘宝镜像备用镜像 http://registry.npmjs.org/

4. 先安装 cordova

//使用此代理（https://registry.npm.taobao.org ）npm install -g cordova

5. 再安装 ionic

 //使用此代理（http://registry.npmjs.org/）npm install -g ionic     

附录 Cordova 常用几个入门命令 1

cordova help 即可查看更多命令 这里提供常用命令，为英文不好或者不熟练的小伙伴 快速入门

命令	作用
cordova create myapp com.example.myapp MyApp	创建一个corodva 项目 --myapp 文件夹名 --com.example.myapp 包名–Myapp 应用名
cordova platforms add android/ios	添加平台 添加插件的命令在此处
cordova build android/ios	编译项目
cordova emulate android/ios	在模拟器中运行程序(前题存在模拟器)
cordova run android	再真机上运行
cordova serve	启动当前项目
npm cache clean -f	清理缓存

小结

此时Cordova For Android 的环境基本部署完成 ，接下来会持续分享 Cordova混合系列的相关知识 ，第一次 写博客 水平有限，非常乐意接受改进意见和差评，前提不要说脏话

点击链接加入群聊 【Cordova/Angular/Ionic/ 中文社区】群文件内有免费全集angular教程

进入方式点击连接

https://jq.qq.com/?_wv=1027&k=rk6cVCiN

或