混合开发(ionic+cordova+angular)

相关网址:

ionic、cordova、angular三者的关系:https://blog.csdn.net/xiaolinlife/article/details/73548938
ionic官网:https://ionicframework.com
ionic中文网:http://www.ionic.wang
cordova中文官网:http://cordova.axuer.com/#getstarted

配置环境:

先列一下我的项目所用到的环境和各版本号:

名称版本号
node10.12.0
npm6.4.1
cordova8.1.2
ionic5.4.16
gradle3.3

1. 安装node
建议下载稳定版本的14.17.3,但我的项目所依赖的node版本是10.12.0
(注:node14含以上版本不支持window7系统)
2. 全局下载ionic和cordova

npm install -g cordova
npm install -g ionic
//下载完后,检查下载是否成功
cordova -v
ionic -v

3. 下载gradle,并配置环境变量
配置系统变量
变量名:GRADLE_HOME
变量值:F:\gradle\gradle-3.3

变量名:CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL
变量值:file:///E:/gradle/gradle-3.3-all.zip
(这里我也不知道为什么要配置一个这种环境变量,反正我的项目不配置会报错,也没深入研究)

配置用户变量
变量名:PATH
变量值:E:\gradle\gradle-3.3\bin;

4. 安装androidstudio工具
并下载sdk
在这里插入图片描述

5. 配置安卓sdk环境变量
配置系统变量
变量名:ANDROID_HOME
变量值:C:\Users\lenovo\AppData\Local\Android\Sdk

创建ionic项目并打包:

步骤命令
创建ionic项目ionic start myApp tabs --type=ionic1
启动项目ionic serve
创建安卓cordova platform add android@6.1.2
运行安卓cordova run android
打包安卓cordova build android
查看platform信息ionic cordova platform list
删除工程cordova platform rm android

(注:myApp是要创建的项目名称,如果不加–type=ionic1的话会需要选择ag和react)
(注:如果cordova build android打包失败就用
ionic cordova build android
ionic cordova build --release android
–release 签名时需要加)

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值