搭建Flutter-iOS开发环境

一、 获取Flutter工程

现在发布的是beta 版本,可以用
git clone -b beta https://github.com/flutter/flutter.git

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

二、将flutter加入path

打开.bash_profile(一般在Mac的当前用户目录下),

image

编辑添加:

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

eg:

image

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

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定位问题:

image

五、运行flutter项目

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

1、命令行

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

cd flutterapp
flutter run 

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

image

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

flutter run -d 47662d3bad7fa0da458a703b262c04a69c0714cf

2、XCode运行

也可以直接进入项目中ios文件夹,打开Runner.xcworkspace,再运行项目。

image

界面展示

image

你可能感兴趣的:(搭建Flutter-iOS开发环境)