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\... 对应目录
相关推荐
黄林晴25 分钟前
Nearby Connections 重大变更:不再自动开启 Wi-Fi / 蓝牙,适配指南
android
王维同学42 分钟前
[原创][Windows C++]Explorer Shell 扩展、图标覆盖与 COM 服务器定位
c++·windows·注册表
恋猫de小郭1 小时前
Flutter 全新真 3D 实现,用 flutter_scene 能开发一个「我的世界」
android·前端·flutter
woshihuanglaoshi2 小时前
数据迁移与版本管理 - Flutter在鸿蒙平台实现数据库升级策略
数据库·学习·flutter·华为·harmonyos·鸿蒙·鸿蒙系统
GitLqr11 小时前
玩转 WebSocket:从原理到 Flutter 实战
websocket·网络协议·flutter
广州灵眸科技有限公司11 小时前
xfce桌面触摸校准:基于灵眸科技EASY-EAl-Orin-Nano
数据库·windows·科技
世人万千丶12 小时前
参数管理_Flutter在鸿蒙平台路由参数最佳实践
学习·flutter·华为·harmonyos·鸿蒙
HLC++14 小时前
Linux的进程间通信
android·linux·服务器
Ctrl+Z侠16 小时前
.NET WebApi Windows / Linux Docker 全链路压测与瓶颈定位 0 到 1 教程
linux·windows·.net
王维同学17 小时前
[原创][Windows C++]LSA 认证、安全与通知包的注册表枚举
c++·windows·安全