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问题需要安装,并配置环境变量