logo
8
4
WeChat Login

Flutter 开发编译打包

预览截图

预览图

1. 项目初始化

flutter pub get

2. 项目运行

flutter run -d web-server --web-port 8888 --web-hostname 0.0.0.0

3. 项目打包

  • web
flutter build web
  • apk
flutter build apk --split-per-abi

4. IDEA远程运行

  • 选择 执行 -> IDEA开发

  • 本地电脑连接Android设备后开启 adb 转发

    adb tcpip 5555 adb forward tcp:5555 tcp:5555
  • IDEA 打开并转发本地端口到远程 打开连接详情 -> 端口转发 -> 转发本地到远程 端口转发

  • 远程查看连接设备

    adb devices # 如果没识别到设备,远程adb重启一下。默认会自动扫描设备,实在不行就 adb connect 127.0.0.1:5555 adb kill-server

已知问题

  • 项目需经vscode重新转发端口才可以预览,访问地址为 http://localhost:8888/ ,估计是转发路由问题导致页面无法正常显示。
  • 无法实时预览修改,需手动在控制台输入 r,并在浏览器执行刷新。
  • 项目首次加载资源较多较慢,需等待较长时间(10~20s),后续加载速度会变快。
  • F5 运行时,flutter 会自动打开浏览器需选择 release 类型任务,否则可能无法正常显示,建议用命令运行。

About

Flutter 组件演示项目

flutterandroidwebapp
flutterrepo-named
Language
Dart74.6%
C++12.1%
CMake9.7%
Swift1%
Others2.6%