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
相关推荐
千码君201611 小时前
kotlin:Jetpack Compose 给APP添加声音(点击音效/背景音乐)
android·开发语言·kotlin·音效·jetpack compose
Fᴏʀ ʏ꯭ᴏ꯭ᴜ꯭.11 小时前
MySQL半同步复制与GTID实战详解
android·mysql·adb
Utopia^11 小时前
鸿蒙flutter第三方库适配 - 图片拼图工具
flutter·华为·harmonyos
星释11 小时前
鸿蒙Flutter实战:29.优先使用联合插件开发鸿蒙化插件
flutter·华为·harmonyos·鸿蒙
徐先生 @_@|||11 小时前
基于Translation插件实现在pycharm本地翻译并阅读英文资料
ide·python·pycharm
xcbrand12 小时前
文旅行业品牌策划公司找哪家
大数据·运维·人工智能·python
好家伙VCC12 小时前
**发散创新:基于Rust的轻量级权限管理库设计与开源许可证实践**在现代分布式系统中,**权限控制(RBAC
java·开发语言·python·rust·开源
Dxy123931021612 小时前
Python序列标注模型上下文纠错详解
开发语言·python
ZhengEnCi12 小时前
P2H-Python字符串格式化完全指南-format和f-string的Python编程利器
python
HaiXCoder12 小时前
python从入门到精通-第5章: 函数式编程 — Python的函数式风格
python