KieSun / today-i-learned

记录今天学了什么
509 stars 34 forks source link

cordova+vue 打包成app,并调试app #11

Closed dpgirl closed 5 years ago

dpgirl commented 5 years ago

参考文章: 配置: https://www.cnblogs.com/qirui/p/8421372.html 整合项目并调试: https://juejin.im/post/5b78e522f265da432144a3a6 遇到的坑: 1.主要是sdk环境配置问题。从官网下载最新的Android Studio,安装后,发现platform-tools和tools文件不存在,表示Android SDK没安装。这时打开Android Studio,file->setting->Android SDK->安装就行(路径最好是其他路径,不要和Android Studio放在一起) 6729068ad9c10029f46749c72fd3e65

  1. 整合vue项目和cordova项目,并安装模拟器进行调试 ①在vue项目的同级创建cordova项目(cordova create cordova-app) ② 把打包目录更改为cordova的www目录下。在vue-cli3的配置文件vue.config.js中写入outputDir: './cordova-app/www/' ③打包步骤: i 修改代码后,cd进入vue项目,npm run build 将vue项目编译打包到cordova-app的www目录; ii cd进入cordova-app, cordova run android 就可以在模拟器查看了(前提:得先打开模拟器) ④ 安装的模拟器是google 模拟器

8

clipboard

模拟器可以选择别的,或者用真机测试。真机尝试失败了,手机的开发者模式已经打开了,就是没办法连。