iOS 搭建Flutter开发环境

Flutter篇 同时被 2 个专栏收录
11 篇文章 1 订阅

一、 获取Flutter工程

现在发布的是beta 版本,可以用

git clone -b beta https://github.com/flutter/flutter.git

也可以切换到master分支,使用master分支的代码

二、将flutter加入path

打开.bash_profile(一般在Mac的当前用户目录下),
在这里插入图片描述

编辑添加:

export PATH=[flutter工程目录]/flutter/bin:$PATH

eg:
在这里插入图片描述

运行以下命令行进行刷新:

source ~/.bash_profile

运行以下命令验证flutter/bin目录在PATH中:

echo $PATH

三、iOS环境依赖

需要通过homebrew安装用于将Flutter应用程序部署到iOS设备的环境和工具:

brew install --HEAD libimobiledevice
brew install ideviceinstaller ios-deploy cocoapods

不同情况下回 遇到很多不同情况,如果不成功可以通过flutter doctor来定位问题

四、创建一个Flutter项目

经过上面三部环境基本上差不多了,现在来建立一个Flutter项目。
进入你想存放项目的目录,执行命令行:

flutter create flutterapp

其中flutterapp为项目名称,不能用大写。

如果中途遇到上面问题,可以执行flutter doctor定位问题:
在这里插入图片描述

五、运行flutter项目

有两种方式运行项目:命令行和XCode运行

1、命令行

将真机连到电脑,进入flutter项目文件,然后执行命令行flutter run,eg:

cd flutterapp
flutter run 

这个时候会提示你所连接真机的信息,如下图,其中*后面的为手机id
在这里插入图片描述

这个时候再执行命令行flutter run -d 手机id 等待一段时间后便会在你手机上运行项目 eg:

flutter run -d 47662d3bad7fa0da458a703b262c04a69c0714cf

2、XCode运行

也可以直接进入项目中ios文件夹,打开Runner.xcworkspace,再运行项目。
在这里插入图片描述

界面展示

在这里插入图片描述

在这里插入图片描述

  • 1
    点赞
  • 1
    评论
  • 2
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页

打赏作者

H.A.N

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

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

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

打赏作者

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

抵扣说明:

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

余额充值