103--Flutter配置ForMac

[TOC]

--“工欲善其事必先利其器”

前言
Flutter的配置主要分两部分

• 环境配置：sdk、jdk、Android sdk，路径设置等；
• 开发工具：Android Studio。众所周知，苹果开发者几乎不用操心环境什么的，所有的配置都在xcode中打包好了。同样的，对于Flutter，Android Studio也是官方支持的IDE，虽然也有人会使用 VS Code，但VS Code需要安装很多插件才能达到Android Studio一部分的效果，与其导出打补丁，不如直接用官方工具。
• 这篇文章主要讲第一部分 环境配置

1.安装Flutter

这里推荐 Flutter中文网 的安装文档，介绍的非常详细了。

39997c8f0ffb9cc41c26889c4e043857

1. 下载 Flutter 的 SDK

• 进入到 SDK下载 界面
  
  b2713d5ebc6d303b3e15f2f07ac18717
• 选择macOS系统
• 下载最新的稳定版
• 解压压缩包
  一般我们自己的电脑上都有很多开发环境，命令行工具特别多。但我们都会根据自己的实际情况进行配置。比如笔者电脑内存才128G的，配置过LLVM这种很占内存的环境，所以只能将他们放到外接硬盘上，然后将路径添加到环境变量中即可，具体的配置在下面的环境变量配置中会讲到。这里，笔者同样将文件解压到外接硬盘中File-DevPath中

2. 配置环境变量

1. 找到环境变量文件

• 如果使用默认的bash，则配置 ~/.bash_profile
• 如果使用zsh（Mac新系统默认zsh），则配置 ~/.zshrc

2. 怎么看自己电脑上是那个shell ？

输入命令：chsh，笔者电脑上的是 zsh

cb8cdceaae970e22fc4ae80b374d0f74

但电脑以前的环境变量都是配置在 .bash_profile 中，这种怎么处理？

9ed0a52d8bf2b1c9c251c086dc982aba

3. 怎么在zsh中使用 .bash_profile ？

目的是要让 .bash_profile 生效，执行命令是：source ~/.bash_profile，但这个只是在bash中才能使用；

• 打开 .zshrc 文件，执行命令：open ~/.zshrc
• 在文件中添加脚本：source ~/.bash_profile
  
  77e856e425872303e645d2e012975190
• 这句话的含义是，每次打卡终端（zsh）的时候，都让我的.bash_profile 生效，保证其中的命令行工具路径能被添加环境变量PATH中

4. 配置镜像

d6d3f5f0daba5ee50277c96150a90bd4

#Flutter 镜像配置
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

5. 配置Flutter环境变量

739c752c85615274bca64284f6705646

将上面解压的这个文件夹的路径配置在 .bash_profile 文件中

• 设置Flutter的路径

#Flutter 配置
export FLUTTER_HOME=$DevPath/flutter/bin

• 将Flutter路径添加到环境变量中
  ...省略的是电脑上的其他环境变量

# PATH
export PATH=${PATH}:...:$FLUTTER_HOME

---

到这里，你的环境变量便已经配置好了，可以打开终端进行检测了。

3. flutter doctor

该命令检查您的环境并在终端窗口中显示报告。Dart SDK已经在捆绑在Flutter里了，没有必要单独安装Dart。 仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务（以粗体显示）

[-] Android toolchain - develop for Android devices
    • Android SDK at /Users/obiwan/Library/Android/sdk
    ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
    • Try re-installing or updating your Android SDK,
      visit https://flutter.io/setup/#android-setup for detailed instructions.

一般的错误会是xcode或Android Studio版本太低、或者没有ANDROID_HOME环境变量等，请按照提示解决。下面贴一个笔者本机(mac)的环境变量配置，您可以对比修正：

export PATH=/Users/用户名/Documents/flutter/flutter/bin:$PATH
export ANDROID_HOME="/Users/用户名/Documents/android_sdk" //android sdk目录，替换为你自己的即可
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

第一次运行一个flutter命令（如flutter doctor）时，它会下载它自己的依赖项并自行编译。以后再运行就会快得多。

以下各部分介绍如何执行这些任务并完成设置过程。你会看到在flutter doctor输出中， 如果你选择使用IDE，我们提供了，IntelliJ IDEA，Android Studio和VS Code的插件

一旦你安装了任何缺失的依赖，再次运行flutter doctor命令来验证你是否已经正确地设置了。

该flutter工具使用Google Analytics匿名报告功能使用情况统计信息和基本崩溃报告。 这些数据用于帮助改进Flutter工具。Analytics不是一运行或在运行涉及flutter config的任何命令时就发送， 因此您可以在发送任何数据之前退出分析。要禁用报告，请执行flutter config --no-analytics并显示当前设置，然后执行flutter config。 请参阅Google的隐私政策。

[附上一张检测正确的图片]

5fcb9ee409a2358cecbe859cf25c0ef3

---

到这里 flutter 就算是配置完了