Mac电脑搭建Flutter IOS环境

一、准备工作

• 安装最新的Xcode

• 安装brew

---

二、下载 Flutter ,配置 Flutter 环境，配置 Flutter 镜像

• 下载 Flutter SDK

  https://flutter.dev/docs/development/tools/sdk/releases?tab=macos#macos
  

• 把下载好的 Flutter SDK解压到你想安装SDK的目录， 如：

  /Users/liyuanqing/flutter
  

• 把 Flutter 安装目录和国内镜像配置到环境变量

  vim ~/.base_profile

  export PATH=`pwd`/flutter/bin:$PATH 
  //如：export PATH=/Users/liyuanqing/flutter/bin:$PATH
  export PUB_HOSTED_URL=https://pub.flutter-io.cn
  export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
  

  source ~/.bash_profile  (配置文件在修改后立即生效)
  

  flutter -h  (验证flutter sdk是否配置成功)
  

---

三、flutter doctor检测环境

• 运行Flutter doctor命令检查是否需要安装依赖项，完成安装

  flutter doctor
  

     Doctor summary (to see all details, run flutter doctor -v):
     [✓] Flutter (Channel dev, v0.1.7, on Mac OS X 10.12.6 16G1212, locale zh-Hans-CN)
     [✓] Android toolchain - develop for Android devices (Android SDK 27.0.0)
     [!] iOS toolchain - develop for iOS devices (Xcode 9.2)
          ✗ libimobiledevice and ideviceinstaller are not installed. To install, run:
              brew install --HEAD libimobiledevice
              brew install ideviceinstaller
          ✗ ios-deploy not installed. To install:
              brew install ios-deploy
     [✓] Android Studio (version 3.0)
     [✓] Connected devices (1 available)
  

• 分别执行brew -- 命令，如：

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

  提示：如果运行命令失败，请执行brew doctor并按照说明解决问题。

• 执行完以上命令，重新运行flutter doctor，出现下图表明IOS的环境配置完成。

---

四、创建flutter项目

• 创建flutterDemo文件夹，并在终端运行

 sudo flutter create flutterApp

---

五、修改flutter sdk 目录的权限及项目的权限

• 项目权限

cd flutterDemo
sudo chmod -R 777 flutterApp

-R递归，777可读可写可执行

• sdk权限

cd /Users/liyuanqing/flutter
sudo chmod -R 777 *

---

六、 Xcode打开flutter 项目

七、在vs code中运行flutter文件

• 首先下载vs code插件（dart、Flutter、Aweome Flutter Snippets）

• 在终端中运行flutter run

r：热加载，p：显示网格，o:切换操作系统

• 在不开启Xcode情况下，通过vs code打开模拟器

至此，Flutter IOS环境配置完成，示例正常运行，后续继续学习Flutter的开发。