Flutter的配置主要分三部分
电脑：Mac
环境配置：sdk、jdk、Android sdk，路径设置等；
开发工具：Android Studio。也有人会使用 VS Code。对于Flutter，Android Studio也是官方支持的IDE，VS Code需要安装很多插件才能达到Android Studio一部分的效果，与其导出打补丁，不如直接用官方工具。
安装模拟器软件：Xcode、
1、安装Flutter
这里推荐 Flutter中文网 的安装文档。
在macOS上搭建Flutter开发环境技术胖，介绍的非常详细了
一. 下载Flutter SDK
去flutter官网下载其最新可用的安装包，官网地址需要翻墙，也可以去Flutter github项目下去下载安装包，地址:https://github.com/flutter/flutter/releases 。
-
进入到 SDK下载 界面
image
-
选择macOS系统
-
下载最新的稳定版
二. 解压安装包到你想安装的目录，任意如:
cd ~/yuqing/flutter
三. 配置环境
1. 找到环境变量文件
文件夹中隐藏文件可见 Command + Shift + 。
- 如果使用默认的bash，则配置
~/.bash_profile - 如果使用zsh（Mac新系统默认zsh），则配置
~/.zshrc
2. 怎么看自己电脑上是那个shell ？
输入命令：chsh，笔者电脑上的是 zsh
chsh.png
3、在 .bash_profile 中配置Flutter
Mac新系统默认zsh，但电脑以前的环境变量都是配置在 .bash_profile 中？
1.打开终端工具，使用vim进行配置环境变量，命令如下：
vim ~/.bash_profile
2.添加 flutter 相关工具到path中:
export PATH=（自己放的文件夹flutter中bin文件的路径）:$PATH，然后保存。这一行代码，意思是配置flutter命令在任何地方都可以使用。
export PATH=/Users/yuqing/peizhi/flutter2.2.3/bin:$PATH
** 配置镜像**
由于一些flutter命令需要联网获取数据，如果在国内访问不成功，PUB_HOSTED_URL和FLUTTER_STORAGE_BASF_URL是Google为国内开发者搭建的临时镜像。
#Flutter 镜像配置
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
3.配置完成后，需要用source命令重新加载一下 ，具体命令如下：
source ~/.bash_profile
接下来使用命令来检测一下，是否安装完成了。
4.flutter -h
flutter -h
5 .检查开发环境
安装好后Flutter，但是还不具备开发环境。开发还需要很多软件和插件的支持，那到底需要哪些插件和软件那？我们可以使用Flutter为我们提供的命令来进行检查：
flutter doctor
会提示缺少开发环境，检查是否安装好androidStudio和Xcode，需要Chrome还要安装Chrome。是否下载好androidSDK。
6.安装androidStudio和Xcode。
flutter开发工具是androidStudio，使用的开发语言是Dart
7.同意android安装证书，准许协议
flutter doctor --android-licenses
然后让你输入Y/N的时候，一路Y就可以了。
- flutter doctor报错 [!] Xcode - develop for iOS and macOS ! CocoaPods 1.9.3 out of date
升级CocoaPods版本
sudo gem install cocoapods
9.flutter doctor报错
[x] Downloaded executables cannot execute on host. See https://github.com/flutter/flutter/issues/6207 for more information
解决方案：删除老版本的 flutter SDK , 安装最新版本的 Flutter SDK
[!] Proxy Configuration ! NO_PROXY is not se
[x] Dart SDK is not configured.
当我们从GitHub上下载别人的flutter项目时经常会出现这样的问题。
点击左上角AndroidStudio-->Preferences-->Languages & Frameworks-->Flutter 在右侧flutter SDK中选择flutter SDK所在目录即可，保存以后就可以正常运行了。
10.安装成功
image.png
11.flutter项目运行
更新Flutter项目里的三方插件使用：
flutter pub get
新Flutter项目里的iOS中没有Podfile文件，随便添加一个三方插件运行flutter pub get就会自动生成Podfile文件
更新Flutter项目里的iOS中三方，在开发中项目对应的/iOS目录下更新pod：
pod install
2、编辑工具设定
Android Studio安装 Flutter 和 Dart 插件
MAC下安装过程如下：
1、打开 Android Studio。
打开插件设置（在 v3.6.3.0 以上的系统打开 Preferences > Plugins）。
然后选择 Flutter 插件并点击 安装。
当弹出安装 Dart 插件提示时，点击 Yes。
当弹出重新启动提示时，点击 Restart。
2、重启后打开Android Studio，就可以创建第一个flutter项目了。
Android Studio安装AVD模拟器
1.现在需要一个虚拟机（模拟器）来运行我们的程序，可以点击Android Studio中的上方菜单tool -AVD Manager选项。
2.出现新建菜单，选择Create Virtual Device.....。
3.选择虚拟机类型，这个你随意选就好，我选择的是Nexus 5x。
4.选择系统，这里尽量选择最新的，我选择了Android 10.0系统，选择好后，又是一个漫长的等待过程。
5.安装好后，点击开始按钮，运行虚拟机了（第一次运行，需要安装系统，会慢一些），运行起来。
网友评论