Flutter 开发环境配置

Flutter 开发环境配置总流程

  1. 安装 Flutter SDK
    把 Flutter SDK 解压到固定目录,比如:
    D:\Softward\flutter
  2. 安装 Android Studio
    它主要提供两样东西:
  • Android SDK
  • Android 模拟器
  1. 安装 Android SDK
    SDK 可以放在类似目录:
    D:\Softward\AndroidSDK
  2. 配置环境变量
    至少要配这几个:
powershell 复制代码
ANDROID_HOME=D:\Softward\AndroidSDK
ANDROID_SDK_ROOT=D:\Softward\AndroidSDK
Path += D:\Softward\flutter\bin

如果国内网络慢,也可以加:

powershell 复制代码
PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
  1. 安装 Windows 开发依赖
    如果要打包 Windows 桌面应用,还需要安装:
  • Visual Studio 2022
  • 勾选 Desktop development with C++

注意这里是 Visual Studio,不是 VS Code。

  1. 检查环境
    打开终端运行:
powershell 复制代码
flutter doctor
flutter doctor -v

目标是把主要项都检查通过:

  • Flutter
  • Android toolchain
  • Chrome 或其他可选项
  • Visual Studio
  • Android Studio
  1. 接受 Android licenses
    如果 doctor 提示协议没通过,就运行:
powershell 复制代码
flutter doctor --android-licenses

然后一路确认。

  1. 创建项目
    进入工作目录后执行:
powershell 复制代码
flutter create .

或者新建指定目录:

powershell 复制代码
flutter create FlutterDemo
  1. 启动模拟器或连接真机
    有两种方式:
  • Android Studio 的 Device Manager 启动模拟器
  • USB 连接安卓手机并打开开发者选项和 USB 调试
  1. 查看设备
    确认 Flutter 能识别设备:
powershell 复制代码
flutter devices
  1. 首次运行项目
    在项目根目录执行:
powershell 复制代码
flutter run

或者指定设备:

powershell 复制代码
flutter run -d emulator-5554
  1. 日常开发
    最常用命令:
  • flutter run 运行
  • r 热重载
  • R 热重启
  • q 退出运行
  • flutter analyze 检查代码
  • flutter test 跑测试

VS Code 配置流程

  1. 安装 VS Code
  2. 安装两个扩展
  • Flutter
  • Dart
  1. 用 VS Code 打开 Flutter 项目根目录
  2. 等右下角识别 Flutter SDK 和设备
  3. 选择运行设备
  4. F5 或点运行按钮启动

补充一点:
Run and Debug 里看到 Dart & Flutter 就够了,大多数 Flutter 项目不需要你手写 .vscode/launch.json

Android 打包

开发调试时直接:

powershell 复制代码
flutter run

生成安装包常用这几个:

powershell 复制代码
flutter build apk --debug
flutter build apk --release
flutter build appbundle --release

输出位置通常是:

  • APK:
    D:\codex\FlutterDemo\build\app\outputs\flutter-apk\
  • AAB:
    D:\codex\FlutterDemo\build\app\outputs\bundle\release\

如果是公司项目上架应用商店,通常更常见的是 appbundle

Windows 打包

如果环境完整,可以执行:

powershell 复制代码
flutter build windows

输出一般在:

复制代码
D:\codex\FlutterDemo\build\windows\x64\runner\Release\

这个目录里通常会有:

  • 主程序 .exe
  • flutter_windows.dll
  • data 目录
  • 插件相关 dll

这次实践里踩过的坑

  1. ADB 异常
    表现:
  • 模拟器在线,但 Flutter 连不上
  • 提示 adb daemon 启动失败

常见原因:

  • adb 进程卡死
  • Android Studio 和 VS Code 同时抢设备
  • 真机未授权

处理思路:

  • 重启 adb
  • 重新插拔真机
  • 确认手机已点"允许 USB 调试"
  • 尽量不要多个工具同时占用同一设备
  1. 模拟器卡死
    表现:
  • 页面点不动
  • 停在最近任务页
  • Device Manager 某些按钮不可点

处理思路:

  • 先关闭当前模拟器
  • 再重新启动
  • 如果菜单里的 Cold Boot 是灰的,通常说明模拟器还没真正停掉
  1. Gradle 下载慢或失败
    表现:
  • 首次 Android 构建卡住
  • Gradle wrapper 下载超时

处理思路:

  • 确认网络
  • 必要时手动下载 Gradle 对应压缩包
  • 放到 .gradle\wrapper\dists\... 对应目录
相关推荐
2601_949593652 小时前
Flutter_OpenHarmony_三方库_webview_flutter网页内容嵌入与交互适配详解
flutter·harmonyos
码农阿豪3 小时前
中兴 F50 刷 UFI-TOOLS + cpolar:随身 WiFi 也能远程管理了
人工智能·windows·macos
Digitally3 小时前
如何在Windows、Mac和移动设备上永久删除Word文档
windows·macos·word
tangweiguo030519873 小时前
Flutter 分页缓存实战:基于 Riverpod 的 SWR 策略实现
flutter
Evavava啊3 小时前
Android WebView 中 React useState 更新失效问题
android·前端·react.js·渲染
longji3 小时前
android 01 AOSP android16 aaos 编译及webview升级
android·aaos·aosp·android16
鹏程十八少4 小时前
2.2026金三银四 Android Handler 完全指南:28道高频面试题 + 源码解析 + 图解 (一文通关)
android·前端·面试
卡尔特斯4 小时前
Mac/Win 查看视频帧率(视频信息)
windows·mac
不会写DN4 小时前
如何排查 MySQL 慢查询
数据库·mysql·adb