Ionic+angular+capacitor学习(二)添加原生开发环境

一、添加ios开发环境

1.安装xcode Xcode 13 Overview - Apple Developer完成后执行命令 xcode-select --install 确保command-line tools选中使用;

2.添加开发者账号,ios开发需要申请账号 Xcode » Preferences » Accounts

3.添加模拟器 Window » Devices and Simulators. Create an iPhone 11

4.终端cd到项目目录,添加ios项目 执行命令  ionic capacitor add ios添加成功后会看到项目目录里多个ios文件夹;

5.执行命令 ionic capacitor open ios 能打开xcode 说明添加成功,可以在ios项目里编写ios本地的一些逻辑下一篇会有介绍

6.在vscode中编写代码需要同步到xcode是可以执行命令 ionic capacitor copy ios

7.选取simulator或真机,点击run按钮可直接运行看到效果

二、添加Android开发环境

1.下载并安装Android studio https://developer.android.com/studio/

2.安装Android SDK 打开IDE会自动检测需要安装的sdk

3.创建安卓模拟器 Configure » AVD Manager 点击 Create Virtual Device

4.终端cd到项目目录,添加 Android项目 执行命令 ionic capacitor add android添加成功后会看到项目目录里多个android文件夹;

5.执行命令 ionic capacitor open android 能打开Android studio 说明添加成功,可以在studio项目里编写Android本地的一些逻辑下一篇会有介绍

6.可以到capacitor.config.json里配置package ID

7.在vscode开发完需要同步到Android studio可以执行命令 ionic capacitor copy android

8.选择模拟器或真机 点击run按钮可以运行

以上就是添加ios和Android项目的整个过程,如果那个步骤有问题欢迎留言。。。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

iceman0014

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值