VSCode 里的 Flutter 全流程工具

从创建项目,
到构建发布。

把 Flutter 开发中重复、分散的步骤,
从第一次配置到最终发布,接进同一套工作流。

一套工具链从项目起点到发布
  1. 01创建项目架构 · 能力
  2. 02鸿蒙适配SDK · FVM · ohos
  3. 03快速开发代码 · 资源 · 规范
  4. 04构建发布构建 · 上传
发布中心
8个分发渠道
Flu-CLI 发布中心实际界面,展示八个分发渠道,Google Play 标记为适配中
  • 蒲公英
  • 华为
  • 小米
  • OPPO
  • vivo
  • 应用宝
  • App Store
  • Google Play适配中

流程示意 · 发布中心实际界面流程与渠道示意 · 下方可查看实际界面

火叶工作室的作品

FLU-CLI WORKFLOW

更快开始,
也让开发顺畅往前。

01 / 04

快速开始新项目,
不必每次从零配置。

在一个引导流程里选好 SDK、项目结构、目标平台和常用能力,也可以从经过验证的推荐配置开始。

不同项目仍然保留自己的结构与技术选择。

02 / 04

让鸿蒙 Flutter,
更快准备就绪。

检查本机环境、管理鸿蒙 Flutter SDK,也能帮助已有项目补齐鸿蒙支持。

SDK 版本、项目变动与执行结果,在过程中都能看清。

03 / 04

少写重复代码,
保持项目结构一致。

在项目中直接生成常用页面、组件、数据模型和服务,并沿用项目已有的组织方式。

应用资源、代码片段与 AI 规则,也一起遵循项目约定。

04 / 04

构建与上传,
在一条流程里完成。

可以只构建、上传已有产物,或执行完整发布流程,并集中查看进度与结果。

当前界面将八个分发入口集中展示。

CREATE PROJECT VNEXT可视化 7 卡创建向导
  1. 01项目身份
  2. 02Flutter SDK
  3. 03架构结构
  4. 04项目能力
  5. 05目标平台
  6. 06示例代码
  7. 07应用资源
官方配置包标准业务 App · Clean 企业级

功能结构说明 · 非产品截图

HARMONYOS FLUTTERSDK 管理与项目适配
Flu-CLI 鸿蒙 Flutter SDK 工作台实际界面,展示环境诊断、FVM SDK 列表、项目适配摘要与执行日志

插件实际界面 · 本机示例环境

代码生成在当前目录选择生成类型
Flu-CLI 实际代码生成选择界面,包含 Page、Widget、Component、ViewModel、Model 与 Module
PageViewModelWidgetComponentServiceModelModule

插件实际界面 · 文件类型选择

构建与发布先选流程,再选分发渠道
Flu-CLI 实际发布模式:仅构建、全量流水线与仅上传Flu-CLI 发布中心实际分发渠道界面

插件实际界面 · 示例发布配置

开发中的日常工作

常用的小事,
也一起省下来。

01

图标与启动页

从一张源图生成多端图标,并配置启动页 Logo、颜色与背景。

02

项目规范

把当前项目设置转成符合其架构与工作方式的 AI 规则。

03

模板与代码片段

复用内置、本地或团队模板,并随时使用项目常用代码片段。

为开发者而做

让工具接住重复动作,
把精力留给产品本身。

本页结合明确标注的流程示意,以及插件在示例环境中的真实界面。安装、配置和具体操作,可以继续前往 Flu-CLI 官网查看。