cordova混合App开发:Cordova+Vue实现Android (安装cordova框架生成app) (二)

cordova混合App开发:Cordova+Vue实现Android (安装cordova框架生成app) (二),第1张

概述codova需要的各种环境搭建,看 cordova混合App开发:Cordova+Vue实现Android(环境搭建)(一)安装cordova框架生成app1、使用npm安装cordovanpmi-gcordova2、创建cordova项目cordovacreatecordova-vue上面这样会使用默认的目录和命名空间。cordovacreateCor

codova需要的各种环境搭建, 看  cordova混合App开发:Cordova+Vue实现Android (环境搭建) (一)

安装cordova框架生成app

1、使用npm安装cordova

npm i -g cordova

2、创建cordova项目

cordova create cordova-vue

上面这样会使用默认的目录和命名空间。

  cordova create CordovaProject io.cordova.hellocordova CordovaApp
CordovaProject 是创建应用程序的目录名称。io.cordova.hellocordova 是默认的反向域值。 如果可能,您应该使用您自己的域值。CordovaApp 是您应用的标题。

3、添加androID平台

cd cordova-vuecordova platform add androID --save

4、检查构建app的条件

cordova requirements

之前按照有要提示安装 androID target  AndroID-29

 

可以使用AndroID studio安装  找到file => Settings  按照提示按照缺少的AndroID API Level

 

 

 

 

 如果都提示 installed 则环境没问题  可以构建App了

 

 

 

5、构建App,并运行demo  构建完成后会提示  BUILD SUCCESSFul

cordova build androID

 

 

 

生成apk,如果要调试  其他命令及意思

cordova install androID //将编译好的应用程序安装到模拟器上。cordova emulate androID //在模拟器上运行(前提是创建好AVD)cordova serve androID //在浏览器运行cordova build androID //打包cordova项目到androID平台。cordova run androID //通过USB直接安装到真机(该语句已经包括了build命令)

 

6、找到app文件  用genymotion模拟器打开

genymotion下载地址 https://www.genymotion.com/download/   建议选择带vBox的。

安装时候注意选择 个人用途  安装好后选额一个设备安装下(右上角+号) 我选择的安卓版本8.1其他默认

运行安卓好的设备,把 上一步生成的apk文件拖到设备中  看到下图 则没问题

 

 

 
 

 

 

 

总结

以上是内存溢出为你收集整理的cordova混合App开发:Cordova+Vue实现Android (安装cordova框架生成app) (二)全部内容,希望文章能够帮你解决cordova混合App开发:Cordova+Vue实现Android (安装cordova框架生成app) (二)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1060727.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存