基础环境

  1. 确保你有node.js环境
  2. 有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
  1. 项目结构:
  2. vue-app/index.htmlhead中添加下面代码
  3. 修改 vue-app/config/index.js中的 build
  4. vue-app/index.htmlbody中添加

打包或运行

  1. 打包vue项目

    npm run build
    
  2. 打包安卓apk

    cordova build android
    
  3. 不打包直接运行

    cordova run android