本节目标

• 采用 下载 方式安装 SDK
• 编译代码 flutter tool
• 检查环境 flutter doctor

1. 安装 SDK

1.1 方式一：下载SDK包

• SDK包下载

这里的解压目录看个人需求放在哪里

jsx
解压到 ~/Documents/sdk/flutter
# 我个人是放的目录
/Users/liuxuechao/global/personage/project/flutter/sdk/flutter

2. 配置环境变量

jsx
# 打开 ~/.bash_profile 文件
open ~/.bash_profile
# 复制下面的句子放在 ~/.bash_profile 文件

# 设置 Flutter 的根目录，注意没有单引号
export FLUTTER_HOME=/Users/liuxuechao/global/personage/project/flutter/sdk/flutter

# 将 Flutter 可执行文件所在目录添加到 PATH 环境变量中
export PATH=$PATH:$FLUTTER_HOME/bin

# 将 Flutter 的 Dart SDK 可执行文件所在目录添加到 PATH 环境变量中
export PATH=$PATH:$FLUTTER_HOME/bin/cache/dart-sdk/bin

# 以下两行适合国内
# 使用国内镜像加速 Flutter 包的下载和更新
# 设置 Flutter 包的官方镜像地址为 https://pub.flutter-io.cn
export PUB_HOSTED_URL=https://pub.flutter-io.cn

# 设置 Flutter SDK 的存储库镜像地址为 https://storage.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

2.1 使 bash_profile 文件的修改生效

jsx
source ~/.bash_profile

2.2 查看$PATH 环境变量

这条命令将会输出 $PATH 环境变量中的所有路径，每个路径占据一行。

jsx
echo $PATH | tr ':' '\n'

3. zsh 用户修改配置文件

jsx
# 打开 ~/.zshrc 文件
open ~/.zshrc

# 在文件的最后一行添加以下内容，用于引入 ~/.bash_profile 文件
source ~/.bash_profile

# 重新在终端使用 source 命令加载 ~/.zshrc 文件中的更改
source ~/.zshrc

4. 检查环境 flutter doctor

jsx
# 终端输入命令
flutter doctor
# 结果
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.0.5, on macOS 14.2.1 23C71 darwin-arm (Rosetta), locale zh-Hans-CN)
[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 15.2)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2021.2)
[✓] IntelliJ IDEA Ultimate Edition (version 2022.1.4)
[✓] VS Code (version 1.86.2)
[✓] Connected device (3 available)
[✓] HTTP Host Availability

• No issues found!

5. 查看版本 version

jsx
# 终端输入命令
flutter --version
# 结果
Flutter 3.0.5 • channel stable • https://github.com/flutter/flutter.git
Framework • revision f1875d570e (1 year, 7 months ago) • 2022-07-13 11:24:16 -0700
Engine • revision e85ea0e79c
Tools • Dart 2.17.6 • DevTools 2.12.2