Flutter探索（一）--- Flutter 在macOS系统的配置安装

• Flutter 探索学习目录

Flutter 配置

1、获取Flutter SDK

• 下载Flutter SDK，可以去官网下载，也可以去Git下载
  flutter_macos_1.22.5-stable
  SDK 下载列表
• 将文件解压到目标文件，这个文件你可以自定义到你想放的地方

cd ~/development
unzip ~/Downloads/flutter_macos_1.22.5-stable.zip

也可以把SDK文件直接到目标文件夹里面

2、配置 flutter 的 PATH 环境变量

• 终端输入open ~/.bash_profile
• 在文件中增加下列这行命令，并将其中的 [PATH_TO_FLUTTER_GIT_DIRECTORY]更改为你第一步获取到的路径

export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/bin"

• 在文件中添加镜像，

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

• 运行 source $HOME/.bash_profile 来刷新当前命令行窗口。
• 通过运行以下命令来验证 flutter/bin 文件夹是否已经添加到 PATH 环境变量中

echo $PATH

验证 flutter 命令是否可用，可以执行下面的命令检测：

which flutter

3、运行 flutter doctor 命令

配置完flutter PATH 以后，我们就需要运行下面的命令查看当前环境是否需要安装其他的依赖（如果想查看更详细的输出，增加一个-v 参数即可）：

flutter doctor

这个命令会检查你当前的配置环境，并在命令行窗口中生成一份报告。安装 Flutter 会附带安装 Dart SDK，所以不需要再对 Dart 进行单独安装。你需要仔细阅读上述命令生成的报告，看看别漏了一些需要安装的依赖，或者需要之后执行的命令（这个会以 加粗的文本 显示出来）

这是我运行的结果，有红色和黄色的代表依赖工具你目前是缺少的或者是有问题不能使用的，Xcode 和VS Code 我已经安装好了，所以显示绿色

开发工具

对flutter 进行开发，一般有三种工具Android Studio 、VS Code、Emacs ,这里我们介绍常用的两种：

1、Android Studio

• 下载 Android Studio
  Android Studio 下载链接

• 安装 Flutter和 Dart 插件

  • 打开 Android Studio。

  • 打开插件设置（在v3.6.3.0 以上的系统打开 Configure > Plugins）。

  • 然后选择 Flutter 插件并点击 安装。

  • 当弹出安装 Dart 插件提示时，点击 Yes。

  • 当弹出重新启动提示时，点击 Restart。

2、 VS Code

• 安装 VS Code
VS Code 是一个可以运行和调试 Flutter 的轻量级编辑器。
  VS Code，最新稳定版本

• 安装Flutter 和Dart 插件

  • 打开 VS Code。

  • 快捷键打开面板shift + command + p

  • 输入 install，然后选择 Install Extensions扩展。

  • 在扩展搜索输入框中输入 flutter，然后在列表中选择 Flutter 并单击 安装。此过程中会自动安装必需的 Dart 插件。

  • 点击 重新加载 以重新启动 VS Code。

• 通过 Flutter Doctor 命令验证是否安装成功

  • 快捷键打开面板shift + command + p

  • 输入 doctor，选择 Flutter: Run Flutter Doctor。

  • 打开 输出 (OUTPUT)面板查看是否有错误，确保在不同的输出选项 (Output Options)的下拉列表中选择了 Flutter。

注： 参考官网 https://flutter.cn/docs/get-started/install/macos