注意: 本次环境搭建，仅此在window系统下进行!

环境搭建准备(windows版)

Flutter相关依赖

依赖包下载地址
FlutterFluttterSDK 下载路径
JavaJavaJdk1.8 下载路径 密码: 3360
Android StudioAndroid Studio下载路径, 安装教程
VsCodeVsCode编辑器
完整教程链接Flutter社区和资源传送门

配置环境变量

此电脑 -> 高级系统设置 -> tab栏[高级] -> 环境变量

注意: 路径仅供参考，真实路径应为本地安装路径所在为准!

Flutter

在用户变量列表下找到 path, 点开后，新建并把下方 flutter 安装路径放进去, 确认即可!

1
F:\Progam Files\Develop software\flutter\flutter_windows_3.3.4-stable\flutter\bin

JDK

创建JAVA_HOME变量

在用户变量列表下方点击新建，变量名输入JAVA_HOME, 变量值输入F:\Progam Files\Develop software\Java，此路径为本地JDK所在的目录!

1
2
3
4
5
6
7
8
JAVA_HOME
      "F:\Progam Files\Develop software\Java\jdk1.8"
PATH
      "%JAVA_HOME%\bin" #jdk > bin 目录

      "%JAVA_HOME%\jre\bin" # jdk > jre > bin 目录

      "F:\Progam Files\Develop software\Java\jre\bin"

PATH路径配置

在用户变量列表里找到path，点开后，新建路径变量分别为 %JAVA_HOME%\jdk1.8\bin、%JAVA_HOME%\jre\bin、%JAVA_HOME%\jdk1.8\jre\bin

Android SDK

1
2
3
4
5
6
7
# 与 JAVA_HOME 一样 层级
ANDROID_SDK_HOME:
      "F:\Progam Files\Develop software\Android SDK"
PATH:
      "%ANDROID_SDK_HOME%\tools"
      
      "%ANDROID_SDK_HOME%\platform-tools"

Flutter 配置国内镜像

windows 环境下将以下，作为环境变量配置!

1
2
FLUTTER_STORAGE_BASE_URL: https://storage.flutter-io.cn
PUB_HOSTED_URL: https://pub.flutter-io.cn

变量 key: FLUTTER_STORAGE_BASE_URL, 变量 value: https://storage.flutter-io.cn ;
变量 key: PUB_HOSTED_URL, 变量 value: https://pub.flutter-io.cn ;

Flutter 检测环境是否搭建成功

1
flutter doctor

visual studio 是 开发 windows 环境下，若是只是 flutter app ios 开发，这个就不用处理!

确认下 android studio 下 需要安装的sdk tools!

配置 android-licenses

这里配置安卓开发许可证，有点像安装软件的时候，最后查看许可后点同意那一步!

1
flutter doctor --android-licenses

注意: 提示的地方 Y/N 都全部输入 Y!

vscode 下安装的 flutter 插件

1、flutter
2、Flutter Widget Snippets
3、Dart
4、Awesome Flutter Snippets

环境搭建(Mac版)

下载

Flutter sdk

引用站外地址
Flutter SDK下载
https://flutter.io/sdk-archive/#macos

注意: SDK版本有两种 一个是x64 一个是arm64,请确认版本后下载!

检测版本可以使用这个命令

1
uname -a
1
Darwin miaojiangwei.local 22.6.0 Darwin Kernel Version 22.6.0: Wed Jul  5 22:21:53 PDT 2023; root:xnu-8796.141.3~6/RELEASE_ARM64_T6020 arm64

Android studio

引用站外地址
Android studio下载
https://developer.android.google.cn/studio
引用站外地址
Android studio安装教程
https://blog.csdn.net/qq_42264956/article/details/126696537

xcode

直接在商店里下载xcode即可!

环境变量配置

引用站外地址
参考这个环境变量配置文章
https://blog.csdn.net/liumude123/article/details/123184120?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2~default~CTRLIST~Rate-1-123184120-blog-125866009.pc_relevant_default&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2~default~CTRLIST~Rate-1-123184120-blog-125866009.pc_relevant_default&utm_relevant_index=1

进入根目录

1
cd ~

编辑bash_profile

1
open -e .bash_profile

没有.bash_profile的话 可以创建一个.bash_profile

1
touch .bash_profile

设置环境变量

1
2
3
export PATH="$PATH:【flutter的bin目录】"
export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内镜像
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内镜像

找到你安装的flutter目录，找到flutter/bin目录，直接把bin文件夹目录替换【flutter的bin目录】

保存.bash_profile

1
command+s

使环境变量生效

1
source .bash_profile

注意: .bash_profile 只有每次打开后需要每次都要首先在终端输入才会生效!

然后我们可以这样

1
echo 'source ~/.bash_profile' >> ~/.zshrc

进行设置，然后每次打开终端就会自动执行刷新命令，不用再手动刷新，可以直接使用flutter命令了!

验证是否成功

检测环境

1
flutter doctor
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 2.10.2, on macOS 11.6 20G165 darwin-arm, locale
    zh-Hans-CN)
[✗] Android toolchain - develop for Android devices
    ✗ Unable to locate Android SDK.
      Install Android Studio from:
      https://developer.android.com/studio/index.html
      On first launch it will assist you in installing the Android SDK
      components.
      (or visit https://flutter.dev/docs/get-started/install/macos#android-setup
      for detailed instructions).
      If the Android SDK has been installed to a custom location, please use
      `flutter config --android-sdk` to update to that location.

[!] Xcode - develop for iOS and macOS
    ✗ Xcode installation is incomplete; a full installation is necessary for iOS
      development.
      Download at: https://developer.apple.com/xcode/download/
      Or install Xcode via the App Store.
      Once installed, run:
        sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
        sudo xcodebuild -runFirstLaunch
[✓] Chrome - develop for the web
[!] Android Studio (not installed)
[✓] VS Code (version 1.64.2)
[✓] Connected device (1 available)
[☠] HTTP Host Availability (the doctor check crashed)
    ✗ Due to an error, the doctor check did not complete. If the error message
      below is not helpful, please let us know about this issue at
      https://github.com/flutter/flutter/issues.
    ✗ HandshakeException: Connection terminated during handshake

! Doctor found issues in 4 categories.