Ionic 4 beta + Capacitor beta 尝鲜

本文介绍如何使用Ionic4和Capacitor搭建移动应用开发环境,并提供了详细的步骤说明,包括创建项目、安装Capacitor、初始化及添加iOS或Android平台等。

本文为原创文章,转载请标明出处

Ionic 4 beta

开发环境: Ionic 4 beta 3、Capacitor beta 6。

首先 ionic start 工程名 blank --type=angular,问是否集成 Cordova,选择 N,至此创建了一个空的 Ionic 4 项目,然后 cd 到该工程目录下。

ionic build 生成 www 目录。

Capacitor

npm install --save @capacitor/core @capacitor/cli 安装 Capacitor。

npx cap init 初始化 Capacitor,会要求输入 App Name、App ID。

npx cap add iosnpx cap add android 添加 iOS 或 Android 平台。

npx cap open iosnpx cap open android 打开 Xcode 或 Android Studio 打包工程。

Capacitor其他命令: npx cap copy iosnpx cap copy android --> 拷贝www目录到iOS或Android工程 npx cap update iosnpx cap update android --> 安装插件或依赖后更新iOS或Androd工程的依赖 npx cap sync --> 同步工程包括更新依赖以及拷贝www目录,相当于copy+update npx cap serve --> 打开浏览器测试PWA

转载于:https://my.oschina.net/metaphors/blog/1930173

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值