vue部署Android平台

vue vue部署Android平台

创建时间:2020-09-25 10:23

阅读:

1.安装前准备工作
2.安装cordova
3.新建cordova 项目
4. 生成android平台的cordova库
5. vue项目打包
6.调试打包apk软件
1. 配置java sdk环境

1.安装前准备工作

node安装

node -v  检查是否安装成功

npm 安装

npm  -v  检查是否安装成功

2.安装cordova

npm install -g cordova   安装命令

cordova -v   检查是否安装成功

3.新建cordova 项目

cordova create myApp1 org.apache.cordova.myApp myApp2

cd myApp1

myApp1：cordova目录名

org.apache.cordova.myApp：包名

myApp2：项目名（在config.xml中查看）

生成的cordova文件中

config.xml -包含应用相关信息，使用到的插件以及面向的平台

platforms – 包含应用运行平台如 Android 和 iOS 上对应的 Cordova 库

plugins – 包含应用所需插件的 Cordova 库，使得应用能够访问例如照相机和电池状态相关的事项。

www – 包含应用源代码，例如 HTML, JavaScript 和 CSS 文件

hooks – 包含为个性化应用编译系统所需的脚本

4. 生成android平台的cordova库

cordova platform add android

5. vue项目打包

npm run build      将打包后的文件拷贝到cordova主目录下的www文件夹中

6.调试打包apk软件

配置java sdk环境

(1).下载 Android SDK tools package:

（https://dl.google.com/android/repository/tools_r25.2.3-windows.zip）

解压下载文件到 D:\android

(2).配置环境变量

新建一个环境变量，变量名：ANDROID_HOME，变量值：D:\android\tools_r25.2.3-windows

在用户变量PATH后面加上变量值;%ANDROID_HOME%\platform-tools;点击确认

系统变量path中添加;D:\adt-bundle-windows-x86_64-20140702\sdk\tools

(3).安装 android target

cmd 后，进入到cordova项目中，输入cordova requirements检验环境变量

根据 Hint:open the sdk manger by running “D:\android\tools_r25.2.3-windows\tools\android.bat”

进入 D:\android\tools_r25.2.3-windows\tools,启动 android.bat  
对应弹框出 Android SDK Manager,选择对应的安装项目进行安装