Flutter 开发环境搭建---安装(二)

应用启动

IDE 配置

安装插件:

flutter 插件、dart 插件

创建项目

1. 在IDE里边通过可视化界面创建项目。

2. 在命令行通过 flutter create project_name创建项目。

630c42835095fd24bc023624e52dda76.png

1

连接设备

连接 Android 模拟器

1. 启动 Android Studio>Tools>Android>AVD Manager 并选择 Create Virtual Device.

2. 选择一个设备并选择 Next。

3. 为要模拟的 Android 版本选择一个或多个系统印象,然后选择 Next. 建议使用 x86 或 x86_64 image .

4. 在 “Emulated Performance”下, 选择 Hardware - GLES 2.0 以启用 硬件加速.

5. 验证 AVD 配置是否正确,然后选择 Finish。avd

6. 在“Android Virtual Device Manager”中,点击工具栏的 Run。模拟器启动并显示所选操作系统版本或设备的启动画面。

7. 运行 flutter run 启动您的设备。连接的设备名是 `Android SDK built for <platform>`,其中 platform 是芯片系列,如 x86。

连接 iOS 模拟器

1. 在你的 MAC 上,通过 Spotlight 或以下命令找到模拟器:

open -a Simulator

2. 通过检查模拟器 Hardware > Device 菜单中的设置,确保模拟器正在使用 64 位设备(iPhone 5s 或更高版本)。

3. 根据你电脑屏幕大小,模拟高清屏 iOS 设备可能会溢出屏幕。可以在模拟器的 Window> Scale 菜单下设置设备比例。

4. 运行 flutter run 启动 flutter 应用程序。

d805f676b1200410b21d8ccb9757038e.png

2

连接 Android 真机

1. 在 Android 设备上启用 开发人员选项 和 USB 调试 。详细说明可在 Android 文档中找到。

2. 使用 USB 将手机插入电脑。如果设备出现调试授权提示,请授权你的电脑可以访问该设备。

3. 在命令行运行 flutter devices 命令以验证 Flutter 识别您连接的 Android 设备。

4. 运行启动你应用程序 flutter run。

4299ca65508881d7fc2bf19e20cc5a28.png

3

连接 iOS 真机

1. 安装 homebrew (如果已经安装了 brew,跳过此步骤)

2. 打开终端并运行如下这些命令:

brew update

brew install --HEAD libimobiledevice

brew install ideviceinstaller ios-deploy cocoapods

pod setup

如果这些命令中的任何一个失败并出现错误,请运行 brew doctor 并按照说明解决问题.

3. 遵循 Xcode 签名流程来配置您的项目:

- 在你 Flutter 项目目录中通过 open ios/Runner.xcworkspace 打开默认的 Xcode workspace.

- 在 Xcode 中,选择导航面板左侧中的 Runner 项目。

- 在 Runner target 设置页面中,确保在 General > Signing > Team 下选择了你的开发团队。当你选择一个团队时,Xcode 会创建并下载开发证书,向你的设备注册你的帐户,并创建和下载配置文件(如果需要)。

- 要开始您的第一个 iOS 开发项目,您可能需要使用您的 Apple ID 登录 Xcode,

- 当您第一次 attach 真机设备进行 iOS 开发时,需要同时信任你的 Mac 和该设备上的开发证书。首次将 iOS 设备连接到 Mac 时,请在对话框中选择 Trust。

- 然后,转到 iOS 设备上的设置菜单,选择 常规>设备管理 并信任您的证书。

- 如果 Xcode 中的自动签名失败,请验证项目的 General > Identity > Bundle Identifier 值是否唯一。

- 运行 flutter run 启动 flutter 应用程序。

1cc4ff057d18bfde4c5a2ba246c89f94.gif

END

fbaba6e97b1509e20895d6cc3e296770.gif

521a1042ed848a3f50cffdffb00e3711.png

扫码了解更多

02dfbf7b5e7f511849cc205c0819710b.png

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值