Cordova+Vue打包APP

打包APP步骤:(除非特殊说明,以下步骤均为Windows环境)

1.安装node环境
2.安装cordova插件
3.配置安卓的SDK和JDK环境变量(Android),配置iOS的xcode环境(iOS)
4.整合vue到cordova

安装node环境:

首先去官网下载node.js,传送门node.js下载地址,推荐下载长期支持版
在这里插入图片描述

Node.js下载完成之后,一步步默认安装就可以,安装完成之后,可以用命令行node -v 检测一下是不是安装成功了,如果出现下图类似信息,证明安装成功了。
在这里插入图片描述

当node环境安装成功之后,已经默认安装了npm包,这里也可以用命令行npm -v 检测一下,出现下面情况证明已经安装成功:

安装cordova:

cordova是一个npm包,我们可以通过命令行npm安装,命令如下:
npm install -g cordova

安装完cordova之后,就可以新建cordova项目了,命令行如下:
cordova create myApp com.myCompany.myApp myApp

其中com.myCompany.myApp是包名,第一个myAPP是项目名,最后一个myAPP,我猜是打包出来的应用名称,直接用cordova create myAPP也是可以的,不过这时候,包名和应用名会用cordova默认的内容,现在来看一下项目目录:在这里插入图片描述

platforms: 添加iOS或者Android项目目录

plugin: 项目中使用到的一些插件,

  • 4
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值