HybridApp 开发Cordova框架使用笔记

    公司线上H5项目需要做成一个App,之前也没做过这方面的东西,就把我的踩坑历程记录下来了。在使用cordova之前必须要安装配置JDK、AndroidSDK或者Android Studio。

1、JDK下载安装以及配置环境变量

    这里有详细的JDK配置教程,写的很详细。

    地址:https://blog.csdn.net/u012187452/article/details/72595040

2、下载安装AndroidSDK或者Android Studio。

    因为安装Android Studio时会自动把AndroidSDK安装上,所以就不说怎么安装AndroidSDK了。但是AndroidSDK的环境变量还是要自己去配置的。

如何下载安装Android Studio :https://www.cnblogs.com/smyhvae/p/4390905.html

Android Studio下载安装完成之后,进行AndroidSDK的环境配置

找到系统变量点击新建,添加一条系统变量。

变量名:ANDROID_HOME,

变量值:C:\Users\Administrator\AppData\Local\Android\Sdk (你安装AndroidSDK的目录地址)

HybridApp 开发Cordova框架使用笔记_第1张图片

然后选中Path,点击编辑把三条变量添加进去。

%ANDROID_HOME%\platform-tools;

%ANDROID_HOME%\tools;

%ANDROID_HOME%\build-tools\27.0.3;(27.0.3是文件目录名)

确定之后AndroidSDK环境配置就已经完成了。

HybridApp 开发Cordova框架使用笔记_第2张图片

3、Cordova安装

npm install -g cordova
4、创建App
找到一个文件夹并创建你的cordova项目:
$ cordova create MyApp
5、添加平台
进入到进项目中
$ cd MyApp
给你的App添加目标平台。我们将会添加'android'平台
$ cordova platform add android --save
检查你当前平台设置状况:
$ cordova platform ls
检测你是否满足构建平台的要求,这个一定要正确否则会导致app构建失败
$ cordova requirements
正确的配置示例,四项内容都要确定安装了才可以
HybridApp 开发Cordova框架使用笔记_第3张图片
6、构建App
如果上面cordova requirements没有问题,就可以构建一个可以运行在Android手机上的app了。
运行下面命令为所有添加的平台构建:
$ cordova build
你可以在每次构建中选择限制平台范围 - 这个例子中是'android':
$ cordova build android

在这儿等一会。。。。。。。

HybridApp 开发Cordova框架使用笔记_第4张图片




你可能感兴趣的:(HybridApp,AndroidSDK)