Cordova对H5页面进行APP开发打包

Cordova的安装:

  1. 下载jdk,安装JAVA环境,配置系统环境。网上都有教程

  2. 打开cmd命令行,运行npm install -g cordova,全局安装cordova。

  3. 测试是否安装好了cordova,继续在命令行里输入cordova -v,检查cordova版本号,如果有版本信息则说明已成功安装cordova。

  4. 新建cordova项目 cordova create folderName

  5. 进入新建cordova项目的文件夹 cd folderName

  6. 新建android项目cordova platform add android

  7. 新建ios项目cordova platform add ios

  8. folderName目录下有一个www文件夹,里面放自己项目里的html、js、css、image文件。将代码包成apk文件cordova build


ANDROID环境安装

下载ANDROID-SDK安装文件,一直下一步安装,记住安装路径,如:C:\Users\Administrator\AppData\Local\Android\android-sdk

配置环境变量,在环境变量中添加当时记住的android安装路径如上“C:\Users\Administrator\AppData\Local\Android\android-sdk”在path中添加如下:

Cordova对H5页面进行APP开发打包_第1张图片

记住,一定要指定到tools目录下

Cordova对H5页面进行APP开发打包_第2张图片


然后打开命令行,输入:android -h

Cordova对H5页面进行APP开发打包_第3张图片

结果如上则安装成功。


GRADLE安装

下载GRADLE安装包:gradle-4.8-bin.zip

解压

记住解压路径 ,如:D:\Gradle\gradle-4.8-bin\gradle-4.8

配置环境变量

同上,在path中配置路径

Cordova对H5页面进行APP开发打包_第4张图片

指向到bin目录下

保存,运行命令行 windows+r  输入 cmd 回车

输入 gradle -v

显示如下,则安装成功

Cordova对H5页面进行APP开发打包_第5张图片


你可能感兴趣的:(环境配置,环境配置)