cordova + vue + vux的项目搭建到安装使用demo,vscode搭建

1.安装cordova,     npm install -g cordova

2,创建cordova项目 ,cordova create 项目名称

3,在项目目录下 - 添加

    安卓平台 cordova platform add android

    添加浏览器 cordova platform add browser

    添加苹果 cordova platform add ios

4,安装vue:    npm install vue-cli -g

5.用vue创建vux项目在cordova项目下面,方便开发,vue init airyland/vux2 projectPath+projectname

6.在vux项目目录下面安装 webpack2 模板使用淘宝，npm install --registry=https://registry.npm.taobao.org

7.此时可以npm run dev 运行vux项目了，然后整合cordova

      把cordova项目中的index.html中的cordova.js的引用复制到Vue项目的index.html

             www文件夹下面的index.html (<script type="text/javascript" src="cordova.js"></script>)

8.首先jdk环境必须有,安装教程https://www.cnblogs.com/nebie/p/9145627.html

然后安装安卓的sdk,下载sdk, 用adb version 命令看看是否安装好了,安装完成后一般需要重启电脑

ANDROID_HOME:  sdkPath

ANDROID_SDK_ROOT:  sdkPath

path  里面 ;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools;

(然后用sdkmanager.exe安装tools以及所需的api)

9.安装Gradle https://www.cnblogs.com/linkstar/p/7899191.html

       Gradle是一个好用的构建工具

        打包编译测试发布都有，而且使用起来方便

        利用自定义的任务可以完成自己想要的功能

下载解压 环境 GRADLE_HOME:  Path然后path  里面 %GRADLE_HOME%\bin 测试 gradle -v

未安装gradle会报错:gradle没安装

10.至此环境都已经安装.然后cordova run Android

注意报错:* What went wrong:> Checking the license for package Android SDK Platform 28 in D:\android\android-sdk-windows\licenses
Warning: License for package Android SDK Platform 28 not accepted.

用SDK manager.exe安装SDK Platform 28 

然后再cordova run Android

会把apk打包到D:\项目路径名字\platforms\android\app\build\outputs\apk\debug里面

然后会报错:

No target specified and no devices found, deploying to emulator
No emulator images (avds) found.
1. Download desired System Image by running: "D:\android\android-sdk-windows\tools\android.bat" sdk
2. Create an AVD by running: "D:\android\android-sdk-windows\tools\android.bat" avd
HINT: For a faster emulator, use an Intel System Image and install the HAXM device driver

是因为没找到设备需要连接安卓手机,打开开发者模式里面的USB调试,最后注意有些手机需要usb调试下面的usb安装;

然后就会自动帮你安装到手机,并且打开首页