vue+cordova 开发安卓APP

1.安装java-jdk

2.安装android-studio-ide

3.安装android-sdk

4.安装cordova

npm install -g cordova

具体安装步骤省略

=====================================================

1.进入项目目录

2.创建cordova应用程序

cordova create UserApp com.zlb.user UserApp

3.进入UserApp目录

cordova platform add android

4.创建vue项目

vue init webpack

与cordova创建在同一目录下

5.在index.html添加以下标签内容

<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">

6.修改vue编译配置

因为cordove默认访问目录为www文件夹,所以我们将vue编译生成目录改为www

7.执行命令

编译vue,且在手机中运行:npm run android

不编译vue,只在手机中运行:cordova run android