Flutter 开发环境搭建全流程

🚜 Flutter 开发环境搭建全流程(国内可用 · 2025 最新版)

✅ 基于你指定的两个官方网址:


第一步:安装 Android 开发环境

1. 下载并安装 Android Studio

  • 打开:👉 https://developer.android.google.cn/studio?hl=zh-cn
  • 点击 "下载 Android Studio"
  • 安装时勾选:
    • ☑ Android SDK
    • ☑ Android SDK Platform-Tools
    • ☑ Android Virtual Device(可选)
  • 首次启动 → 选择 "Do not import settings" → "Standard" → Finish
  • 等待 SDK 自动下载完成 → 关闭 Android Studio

第二步:安装 Flutter SDK(严格按官方 manual)

2.1 下载 Flutter SDK

💡 若无法下载:尝试用手机热点或更换网络,不推荐第三方源(按你要求)

2.2 解压 SDK

  • 解压到 无中文、无空格 的路径,例如:

    复制代码
    C:\src\flutter

第三步:配置环境变量

3.1 添加 Flutter 到 PATH

  1. Win + Pause → 高级系统设置 → 环境变量

  2. "用户变量"Path 中添加:

    复制代码
    C:\src\flutter\bin
  3. 点"上移"到顶部 → 连点三次"确定"

3.2 设置国内加速(避免卡死)

以普通权限打开 PowerShell,运行:

powershell 复制代码
[Environment]::SetEnvironmentVariable("PUB_HOSTED_URL", "https://pub.flutter-io.cn", "User")
[Environment]::SetEnvironmentVariable("FLUTTER_STORAGE_BASE_URL", "https://storage.flutter-io.cn", "User")

3.3 设置 ANDROID_HOME(关键!)

  1. 再次打开 环境变量
  2. 在"用户变量"中点击 "新建..."
  3. 输入:
    • 变量名ANDROID_HOME
    • 变量值C:\Users\<你的用户名>\AppData\Local\Android\Sdk
      (替换 <你的用户名> 为实际名字,如 zhangsan

第四步:补装缺失的 cmdline-tools

解决 [X] cmdline-tools component is missing

  1. 打开 Android Studio
  2. 点顶部菜单:Tools → SDK Manager
  3. 切换到 SDK Tools 标签页
  4. 勾选:
    • Android SDK Command-line Tools (latest)
  5. Apply → 等待安装完成 → 关闭

✅ 安装后路径为:
C:\Users\<用户名>\AppData\Local\Android\Sdk\cmdline-tools\latest\


第五步:验证环境

  1. 关闭所有终端窗口
  2. Win + R → 输入 cmd → 回车(新开命令提示符)
  3. 依次运行:
cmd 复制代码
flutter --version

✅ 应显示版本号(如 Flutter 3.29.3

cmd 复制代码
flutter doctor

✅ 正确输出应为:

复制代码
[✓] Flutter (Channel stable, ...)
[✓] Android toolchain - develop for Android devices
[✓] Chrome - develop for the web
[!] Visual Studio - ...  ← 可忽略(你不开发 Windows)
[✓] Connected device

⚠️ 如果仍有 Android 错误,请确认:

  • ANDROID_HOME 路径正确
  • cmdline-tools 已安装
  • 终端是新开的

第六步:开发与调试

6.1 安装 VS Code

6.2 真机调试(推荐)

  1. 安卓手机:设置 → 关于手机 → 连点版本号 7 次 → 开启开发者模式
  2. 返回 → 系统 → 开发者选项 → 开启 USB 调试
  3. USB 连接电脑 → 允许调试

6.3 创建并运行项目

cmd 复制代码
flutter create harvester_app
cd harvester_app
flutter run
  • 选择你的设备 → 等待编译 → App 自动安装运行!

✅ 总结:你已完成

步骤 状态
Android Studio + SDK
Flutter SDK(官方来源)
环境变量(PATH + ANDROID_HOME)
cmdline-tools 补装
国内加速设置
真机运行第一个 App
相关推荐
圆肖17 分钟前
File Inclusion
android·ide·android studio
___波子 Pro Max.20 分钟前
Python中if __name__ == “__main__“的作用
python
黑仔要睡觉28 分钟前
Anaconda和Pycharm的卸载
开发语言·python
MaoJiu33 分钟前
Flutter iOS 项目 UIScene 迁移指南
flutter·ios
wordbaby34 分钟前
赋值即响应:深入剖析 Riverpod 的“核心引擎”
前端·flutter
青旬41 分钟前
我的AI搭档:从“年久失修”的AGP 3.4到平稳着陆AGP 8.0时代
android·ai编程
iFlow_AI1 小时前
iFlow CLI快速搭建Flutter应用记录
开发语言·前端·人工智能·flutter·ai·iflow·iflow cli
ZhengEnCi1 小时前
P3H0-Python-os模块完全指南-操作系统接口与文件路径处理利器
python·操作系统
草莓熊Lotso1 小时前
Git 本地操作进阶:版本回退、撤销修改与文件删除全攻略
java·javascript·c++·人工智能·git·python·网络协议