天天看点

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框架使用笔记

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

%ANDROID_HOME%\platform-tools;

%ANDROID_HOME%\tools;

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

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

HybridApp 开发Cordova框架使用笔记

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框架使用笔记

6、构建App 如果上面cordova requirements没有问题,就可以构建一个可以运行在Android手机上的app了。 运行下面命令为所有添加的平台构建: $ cordova build 你可以在每次构建中选择限制平台范围 - 这个例子中是'android': $ cordova build android

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

HybridApp 开发Cordova框架使用笔记

继续阅读