Mac OS下搭建Flutter开发环境

Posted on | In

获取Flutter SDK

  1. 从官网下载Flutter SDK，并解压

  2. 运行以下命令，添加环境变量

    $ export PATH="$PATH:[FLUUTER_PATH]/flutter/bin"

    [FLUUTER_PATH]为zip后文件夹所在的路径，比如解压到了Document文件夹下，则执行命令：

    $ export PATH="$PATH:~/Document/flutter/bin"

检测Flutter开发环境

运行命令：

$ flutter doctor

命令运行后若成功控制台输出：

1
2
3
4
5
6
7
8
9
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, v1.0.0, on Mac OS X 10.14 18A391, locale zh-Hans-CN)
[✓] Android toolchain - develop for Android devices (Android SDK 28.0.3)
[✓] iOS toolchain - develop for iOS devices (Xcode 10.0)
[✓] Android Studio (version 3.2)
[!] VS Code (version 1.30.2)
[✓] Connected device (1 available)

! Doctor found issues in 1 category.

(这里VS Code这一项有点奇怪，我已经升级到了latest stable version，不知道为什么会报警告
😅)

不符合的项会给出提示，需要安装对应的工具

安装Xcode

  1. 从appStore下载最新的Xcode

  2. 配置Xcode命令行工具

    $ sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer

在iOS真机上运行Flutter应用

  1. 安装homebrew

  2. 确保homebrew更新到最新版本

    $ brew update

  3. 部署Flutter

    1
    2
    3
    4
    5
    $ brew install --HEAD usbmuxd
    	$ brew link usbmuxd
    	$ brew install --HEAD libimobiledevice
    	$ brew install ideviceinstaller ios-deploy cocoapods
    	$ pod setup

  4. 进入一个Flutter项目的根目录（在Flutter的主目录下的examples中有一些demo项目）

  5. 运行open ios/Runner.xcworkspace打开这个工程文件

  6. 登录你的Apple账号，选择自动签名

  7. 运行flutter run, 之后应用就会开始编译打包并在你的手机上运行