cordova 打包vue2 项目教程

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_31126175/article/details/80025862

cordova 打包vue2 项目教程（win10）

1.环境

1. vue所需环境

1.node安装
2.npm
3.vue脚手架
参考我的vue脚手架搭建

2.安卓环境

• 1.Java jdk，jre(并配置环境变量)
  java jdk地址

win10 我的电脑–>右键属性–>高级系统设置–>环境变量


测试 命令行 javac

• 2.android SDK 下载地址android SDK

点击SDK Manager 选择所要安装的。

配置环境变量

测试 命令行 adb

有问题参考链接

3.cordova

安装npm i -g cordova
一、创建一个cordova工程
　　cordova create cordovaVue
　　cd cordovaVue

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

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

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

www - 包含应用源代码，例如 HTML, JavaScript 和 CSS 文件
hooks - 包含为个性化应用编译系统所需的脚本

二、添加安卓平台
　　cordova platform add android --save
三、在vue项目中生成编译完成的源文件
　　npm run build
四、将cordova项目中的www文件夹下的内容替换为vue项目中生成的dist文件夹中的内容
五、在cordova项目中创建Android应用
　　cordova build android
六、将手机连接在电脑上，运行该 Android 程序

　　cordova run android
* 添加Android sdk license
在android目录下新建 licenses 文件夹，进入新建文件android-sdk-license
并写入

（空一行）
8933bad161af4178b1185d1a37fbf41ea5269c55

或者执行命令行形式

mkdir -p "$ANDROID_SDK/licenses"
echo -e "\n8933bad161af4178b1185d1a37fbf41ea5269c55" > "$ANDROID_SDK/licenses/android-sdk-license"
echo -e "\n84831b9409646a918e30573bab4c9c91346d8abd" > "$ANDROID_SDK/licenses/android-sdk-preview-license"


• cordova build android 出现问题gradle问题需要安装，并配置环境变量