本章进度 9 / 18
50%
Vibe Coding 实战·练习·18 分钟
正文已完成

用垂直切片完成第一个可运行功能

从最小用户路径出发实现、验证并记录一个跨界面与数据的真实功能。

L266
为什么现在学

现在把“小步实现”用于一次具体操作,检查你能否独立做出并修正结果。

本课会用什么
  • 按本课练习说明准备真实材料
  • 保留练习与复盘记录

这节不追求搭完整架构,而是交付一条最窄、真实、可验证的用户路径。

这一课的结果

能完成一个可运行垂直切片,并提供输入、操作、结果和测试证据。

核心概念

先把关键判断说清楚

01

选择最小快乐路径

先支持一种明确输入和一个结果,同时把失败状态做成诚实提示。

02

贯穿必要技术层

界面、业务逻辑和保存只实现该路径所需部分,不提前建设全部通用能力。

03

证据来自实际运行

构建通过不等于功能完成,还要操作页面、核对保存和刷新后的状态。

案例拆解

完成第一条学习进度路径

目标是在无账号版本中让用户完成一课并刷新后仍看到状态。

  1. 01

    课程页提供明确完成动作

  2. 02

    只保存该课 ID 与状态

  3. 03

    返回目录并刷新,验证标记仍在且其他课程未改变

案例结果

一条真实学习路径可运行,为后续扩展提供可靠基线。

提交前练习

现在轮到你

实现或规划一个最窄的端到端功能切片。

完成本课需要:完成以下内容用于本课收口。

内容会自动保存在当前设备
查看参考答案与评分标准

参考答案

点击完成本课→保存 lessonId/status→目录出现已完成→刷新仍保留;存储不可用时提示仅本次有效;附操作步骤与测试结果。

评分标准

  • 路径交付真实用户价值
  • 未提前扩张范围
  • 验收包含运行与持久化证据

本课收口 · 学习证据

留下完整学习证据

读完内容、完成练习、通过理解检查并留下 12 字以上总结,才记为已验证。

0 / 4
02完成本课必填练习0 / 4 项必填内容已填写03通过理解检查点此去回答,约 30 秒
04写下 12 字以上总结还差 12 字
哪项最能证明垂直切片已经完成?
你现在更接近哪一种状态?
尚有必填项未完成,请补齐后再继续。

资料来源

继续核对与延伸阅读

本课内容最近更新于 。