Cordova项目使用Android Studio真机调试

初始化Vue-Cordova项目请看https://blog.csdn.net/bing103425/article/details/81169784

 

项目写完，不想每次改一句代码就打包APK导入手机安装查看效果，这时就需要用Android  Studio真机调试了。

 

Duang~~

 

1.打开Android  Studio，打开Cordova项目，选择目录下的Platform => Android

 

2.把你的vue项目打包之后的dist文件夹内的文件全部复制，替换掉Cordova项目目录里的www文件夹内的文件，打开你手机的调试模式，每个手机不一样，去网上百度，如：“三星手机打开调试模式”，一般是去先打开开发者模式：手机设置 => 关于手机 => 拼命点个十几下（通常是5下）版本号信息，然后手机就打开了开发者模式，再回到设置页面，会发现选项里多了一个“开发者选项”，进入，打开USB调试，然后用数据线连接手机和电脑。

3.检测你的手机是否连接成功：再次回到Android  Studio，点击一个丑陋的图标，如图：

如果像图片里一样，弹出了你手机的型号信息，那么久成功了，这时点击运行图标：

然后点击 OK，如果此时没什么失误，手机会自动弹出你的APP页面。

 

4.如果我们改动了Vue项目里的代码，那么再次npm  run  build，把打包后的文件替换到Cordova的www文件夹，这时用终端进入到Cordova项目目录，输入cordova  prepare

 

5.再点击一下Android  Studio的运行图标，那个绿色的小三角，就可以了

 

 

这种方式其实也很麻烦，每次改动代码需要  打包=> 替换文件 => cordova  prepare => 运行，也还是挺麻烦的。

 

 

实时更新：

在vue项目的package.json里写：

 "scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "build": "node build/build.js",
    "android": "node build/build.js && xcopy .\\dist\\*.* /e /y ..\\cordovademo03\\www\\ && cd ..\\cordovademo03\\ &&  cordova prepare",
    "copy": "xcopy .\\dist\\*.* /e /y ..\\cordovademo03\\www\\"
  },

android命令就是以上步骤，只需npm run android然后等跑完就可以再去Android  Studio上再点一下绿三角，运行一下就可以了，记得自己把文件目录换一换，不要直接复制。

 

 

不要觉得年纪轻轻就到了低谷，人生还有很大的下降空间。