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

一、添加ios开发环境

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

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

Ionic+angular+capacitor学习(二)添加原生开发环境_第1张图片

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

Ionic+angular+capacitor学习(二)添加原生开发环境_第2张图片

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项目的整个过程,如果那个步骤有问题欢迎留言。。。

你可能感兴趣的:(ionic+ios,ionic+android,ionic添加本地项目,web,app)