Cordova Ionic3Android环境配置只需四步完

最新推荐文章于 2022-08-24 09:57:15 发布

置顶 CSDN 会员是我

最新推荐文章于 2022-08-24 09:57:15 发布

阅读量535

点赞数 1

分类专栏： Cordova 入门文章标签： Android Cordova Ionic Node 环境部署

本文链接：https://blog.csdn.net/u013117377/article/details/91955978

版权

Cordova 入门专栏收录该内容

2 篇文章 0 订阅

订阅专栏

cordvoa ionic3 for Android环境配置只需四步完成

前言:

前言:

简单介绍一下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 ，可以根据编写不同语言分别扩展对应的语言插件即可

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

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

4. Node.js 安装说明

下载地址已经附上，推荐下载mis安装方式
安装完成后 cmd 下执行 echo %path% 检查是否有输出对应的环境变量或者 npm -v 是否有版本号
因为一些资源访问受限制 cmd 下执行 npm config set registry https://registry.npm.taobao.org 设置淘宝镜像备用镜像 http://registry.npmjs.org/
先安装 cordova

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

再安装 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	清理缓存