安装 与配置

安装 Flutter SDK

  • 安装地址: https://flutter.io/sdk-archive/#macos

    配置Futter环境变量

  • vim ~/.zshrc (根据自己电脑的使用bash 和 zsh决定)写入:

    1. export PUB_HOSTED_URL=https://pub.flutter-io.cn
    2. export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
    3. export PATH=~/flutter/flutter/bin:$PATH

  • source ~/.zshrc

    iOS 设置

  1. 安装Xcode 7.2或更新版本
  1. 同意Xcode许可协议
    sudo xcodebuild -license

  2. 打开ios模拟器
    open -a Simulator

    安卓 设置

  3. 安装Android Studio

  1. 配置android SDK,选择自己安装的地址
  • 路径: Preferences > Appearance & Behavior > System Settings > Android SDK
  1. 安装Flutter和Dart
  • 路径: Preferences > Plugins
  1. * Android Studio 4.1版本之后Flutter会报以下错误
  • Flutter plugin not installed; this adds Flutter specific functionality.
  • Dart plugin not installed; this adds Dart specific functionality.

原因：
Android Studio 4.1 的插件位置换成了/Library/Application\ Support/AndroidStudio4.1，所以用 flutter doctor 这个命令去检测时，还是会去原来的位置查找这两个插件，由此导致无法找到插件。
解决方法：添加软链接
ln -s ~/Library/Application\ Support/Google/AndroidStudio4.1/plugins ~/Library/Application\ Support/AndroidStudio4.1

检测Flutter安装情况

  1. flutter doctor

常见出错

  1. Xcode - develop for iOS and macOS (Xcode 12.4) CocoaPods not installed.

解决办法：

  1. gem sources --remove https://rubygems.org/
  2. gem source -a https://gems.ruby-china.com
  3. gem sources -l
  4. sudo gem install cocoapods
  1. VS Code (version 1.52.1) ✗ Flutter extension not installed; install from

解决办法: VS Code 安装Flutter(会自动安装dart)

  1. android studio时候弹出unable to access android sdk add-on list

解决办法： 安卓设置的第二步

  1. Android licenses not accepted. To resolve this, run: flutter doctor —android-licenses

解决办法：flutter doctor —android-licenses

  1. Macbook Pro M1 芯片 安装 cocoapods 失败解决方案

解决办法：应用程序 -> 实用工具 -> 终端/terminal -> 右键 -> 显示简介 -> 勾选使用 Rosetta 打开

  1. sudo gem install cocoapods
  2. sudo gem install ffi
  3. // 项目目录下安装
  4. pod install

创建Flutter项目

（我这里用的vscode 编辑器）

  1. view > Command Palette > 搜索 Flutter (选择 Flutter: New Module Project)
  2. 项目运行执行: flutter run
  3. 运行中可能出现的问题

Error retrieving thread information: (ipc/send) invalid destination port(Mac M1会出现)
解决办法：

  1. 到flutter 根目录执行 git checkout master
  2. 到项目根目录执行 flutter channel master # 切换到master分支
  3. flutter run #运行