美文网首页
cordova结合vue前端框架搭建开发webApp

cordova结合vue前端框架搭建开发webApp

作者: Tommoon | 来源:发表于2020-08-29 15:40 被阅读0次

一、准备工具

1、java安装包

2、Android sdk

3、android studio

二、安装cordova并运行app

1、使用npm install -g cordova命令行在cmd面板中安装

2、接着创建一个项目名为hello的cordova项目,使用cordova create hello (默认情况下,cordova create命令生成基于web的应用程序骨髓,项目的主页是www/index.html文件)

3、进入到hello目录下,添加所需要开发的目标平台

(1)、使用cordova platform add ios --save 添加ios平台

(2)、使用cordova platform add android --save 添加android平台

4、添加平台

(1)、使用cordova build添加所有的平台,包括android、ios、windows

(2)、如果不想全部添加的话,可以单个添加,cordova build android、cordova build ios、cordova build windows,分别对应的是安卓平台、ios平台、windows平台

5、添加平台完成后,可以先启动app看看

(1)、可以选择模拟器来运行cordova emulate android,首次运行的时候,会提示没有模拟器,需要安卓相应的安卓手机模拟器

(2)、插上手机,直接运行cordova run android手机真机调试

相关文章

网友评论

      本文标题:cordova结合vue前端框架搭建开发webApp

      本文链接:https://www.haomeiwen.com/subject/ujqjsktx.html