基础环境
- 确保你有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
评论