codova+vuecil3开发配置文档(一) cordova开发环境必要条件

一、cordova开发环境必要条件

Java(jdk)

androidSDK

XCode(ios环境)

android studio

npm 或 yarn

 

这里主要介绍android studio和sdk 的安装

其他的不在赘述

Jdk 环境配置教程:

https://jingyan.baidu.com/article/f96699bb163475894e3c1be4.html

Npm教程:

https://www.cnblogs.com/jiangwenli/p/7338030.html

Yarn教程:

https://blog.****.net/yw00yw/article/details/81354533

  1. 安装 Android Studio

官网下载地址:https://developer.android.google.cn/studio

 

安装界面中选择"Custom"选项,确保选中了以下几项:

Android SDK

Android SDK Platform

Performance (Intel ® HAXM)

(AMD 处理器看这里https://www.cnblogs.com/bianchengnan/p/5948829.html)

Android Virtual Device

 

2. 安装 Android SDK

codova+vuecil3开发配置文档(一) cordova开发环境必要条件

在 SDK Manager 中选择"SDK Platforms"选项卡,然后在右下角勾选"Show Package Details"。展开Android 9 (Pie)选项,确保勾选了下面这些组件

Android SDK Platform 28

Intel x86 Atom_64 System Image(官方模拟器镜像文件,使用非官方模拟器不需要安装此组件)

 

然后点击"SDK Tools"选项卡,同样勾中右下角的"Show Package Details"。展开"Android SDK Build-Tools"选项,确保选中了 React Native 所必须的28.0.3版本。你可以同时安装多个其他版本。

 

最后点击"Apply"来下载和安装这些组件。

 

 

3. 配置 ANDROID_HOME 环境变量

打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建,创建一个名为ANDROID_HOME的环境变量(系统或用户变量均可),指向你的 Android SDK 所在的目录(具体的路径可能和下图不一致,请自行确认):

 

codova+vuecil3开发配置文档(一) cordova开发环境必要条件

SDK 默认是安装在下面的目录:

 

c:\Users\你的用户名\AppData\Local\Android\Sdk

 

 

  1.  使用 Android 模拟器

你可以使用 Android Studio 打开项目下的"android"目录,然后可以使用"AVD Manager"来查看可用的虚拟设备codova+vuecil3开发配置文档(一) cordova开发环境必要条件

 

先创建一个虚拟设备。点击"Create Virtual Device...",然后选择所需的设备类型并点击"Next",然后选择Pie API Level 28 image.

 

译注:请不要轻易点击 Android Studio 中可能弹出的建议更新项目中某依赖项的建议,否则可能导致无法运行。

 

如果你还没有安装 HAXM(Intel 虚拟硬件加速驱动),则先点击"Install HAXM"

 

然后点击"Next"和"Finish"来完成虚拟设备的创建。现在你应该可以点击虚拟设备旁的绿色三角按钮来启动它了,启动完后我们可以尝试运行应用。

codova+vuecil3开发配置文档(一) cordova开发环境必要条件