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
相关推荐
子夜江寒1 天前
基于 OpenCV 的图像形态学与边缘检测
python·opencv·计算机视觉
少林码僧1 天前
2.31 机器学习神器项目实战:如何在真实项目中应用XGBoost等算法
人工智能·python·算法·机器学习·ai·数据挖掘
智航GIS1 天前
10.4 Selenium:Web 自动化测试框架
前端·python·selenium·测试工具
jarreyer1 天前
摄像头相关记录
python
宝贝儿好1 天前
【强化学习】第六章:无模型控制:在轨MC控制、在轨时序差分学习(Sarsa)、离轨学习(Q-learning)
人工智能·python·深度学习·学习·机器学习·机器人
hui函数1 天前
如何解决 PyCharm 控制台 pip install 报错 UnicodeDecodeError/GBK 路径编码问题
ide·pycharm·pip
大、男人1 天前
python之asynccontextmanager学习
开发语言·python·学习
&岁月不待人&1 天前
⏺ Android 录屏缩放异常排查:Pixel 3 XL 上的完美风暴
android
a3158238061 天前
Android 大图显示策略优化显示(一)
android·算法·图片加载·大图片
tangweiguo030519871 天前
从零开始:在 Windows 上使用命令行编译 Android .so 动态库(NDK + CMake + Ninja)
android