基础环境
- 确保你有node.js环境
- 有Java JDK + Android SDK + AVD(安卓虚拟机)
安装Vue与Cordova
npm i -g vue-cli # 安装vue
npm i -g cordova # 安装cordova
快速开始
创建cordova项目
cordova create demo com.example.demo DEMO
cordova platform add android # 添加安卓平台
名称 | 必填 | 描述 |
---|---|---|
demo | 是 | 工程的文件夹名称 |
com.example.demo | 否 | 应用程序的id,不填默认为io.cordova.hellocordova |
DEMO | 否 | APP 名称 |
在cordova项目中添加Vue项目
cd demo
vue init webpack vue-app
- 项目结构:
- 在
vue-app/index.html
的head
中添加下面代码 - 修改
vue-app/config/index.js
中的build
- 在
vue-app/index.html
的body
中添加
打包或运行
-
打包vue项目
npm run build
-
打包安卓apk
cordova build android
-
不打包直接运行
cordova run android
评论