logo
2
0
WeChat Login
更新 README.md,补充 Web 调试的详细说明和注意事项

Flutter 开发环境使用指南

环境概述

本项目已预配置完整的Flutter开发环境,包括:

  • Flutter SDK(通过 fvm 管理,默认 stable,即最新的稳定版)
  • Android SDK(默认提供 API 34, 35, 36)
  • Flutter 配置了中国镜像源配置

该环境支持编译: Web, Linux, Android

快速开始

使用该环境

方法1

在项目根目录编写 .cnb.yml:

$: vscode: - docker: image: docker.cnb.cool/zinc233/flutter-dev-env services: - vscode - docker

该镜像安装的 Flutter stable 版本为 3.38.5

方法2

使用 cnb-init-from https://cnb.cool/zinc233/flutter-dev-env 开始 (图方便直接fork也是OK的)

本项目已经配置好 .ide/Dockerfile.cnb.yml ,启动开发会拉取最新的稳定版Flutter SDK镜像,并提供安卓、Linux、Web的 Flutter 开发环境。

首次启动时间可能有亿点点长,主要是编译Docker镜像时会拉取 android 的 SDK ,持续时间有点久。

使用方法

创建项目:

flutter create . flutter create xxx

调试项目:

F5 启动调试,选择 Web Server。第一次打开可能会被浏览器阻止,需要在浏览器允许该网页弹出新的网页,

也可以直接在终端中运行:

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

之后访问终端中输出的端口就行(Ctrl点击输出的 http://0.0.0.0:<port> 会自动跳转到 https://xxxxxxxx-<port>.cnb.run/ 上)

不建议直接使用 flutter run,该 docker 环境中无桌面支持

编译项目:

flutter build web flutter build linux flutter build apk

About

适用于 Flutter 开发的镜像