1 - 基于Mac的Flutter环境的搭建、Android Studio插件配置以及 Demo的创建

一.  下载Flutter sdk 

https://flutter.dev/docs/get-started/install/macos 

1. 下载以下安装包以获取Flutter SDK的最新稳定版本:

    flutter_macos_v1.9.1 + hotfix.6-stable.zip    有关其他发行渠道和较早版本,请参见SDK存档页面。

2. 将文件提取到所需位置:

 cd    /Users/david/software
 unzip   /Users/david/software/flutter_macos_v1.9.1+hotfix.6-stable.zip 

3. 打开环境变量配置文件( open -e .bash_profile   ), 进行环境变量的配置 (需要配置flutter与Dart)

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=$PATH:/Users/david/software/flutter/bin

export DART_HOME=/Users/david/software/flutter/bin/cache/dart-sdk/bin
export PATH="${DART_HOME}:${PATH}"

保存文件,并执行   source ~/.bash_profile  

4. 执行 flutter doctor  命令  ,当出现以下信息时,表示已经配置成功

1 - 基于Mac的Flutter环境的搭建、Android Studio插件配置以及 Demo的创建

5. 打开Android Studio的preferences,在Plugins中查找 Dart、Flutter ,install 执行安装,然后重新启动 Android Studio

1 - 基于Mac的Flutter环境的搭建、Android Studio插件配置以及 Demo的创建

6. 重启后,在Android studio的File菜单项就可见  New Flutter Project 选项了  

1 - 基于Mac的Flutter环境的搭建、Android Studio插件配置以及 Demo的创建

7. 当在Android  studio 中可以启动 iOS Simulator但是无法连接的解决方法

 在终端中执行下面 命令,然后重新打开android  studio,点击运行即可启动 simulator并打开模拟器进行调试:

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

  1 - 基于Mac的Flutter环境的搭建、Android Studio插件配置以及 Demo的创建

1 - 基于Mac的Flutter环境的搭建、Android Studio插件配置以及 Demo的创建

8. 还有就是可以通过 找到文件目录 ios中 Runner.xcodeproj,然后双击 打开xcode,即可查看到运行效果。

1 - 基于Mac的Flutter环境的搭建、Android Studio插件配置以及 Demo的创建