ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2020-10-31 19:33:27  阅读:246  来源: 互联网

标签:app Vue App Android cordova 安装 android


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-vue

cordova 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,如果要调试  其他命令及意思

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

 

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

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

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

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

 

 

 
 

 

 

 

标签:app,Vue,App,Android,cordova,安装,android
来源: https://www.cnblogs.com/xtxtx/p/13907218.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有