🛠️ Build Your First Mini App with Claude Code
Build Your First Mini App with Claude Code
参考斯坦福 CS146S 重制成零基础人话版。下面每篇都能直接读，想动手就进互动课。
- 1Install Claude Code: Your First Conversation in 10 MinutesIt's not a chat box. It's an assistant that can act on your computer
- 2Your First Build: A To-Do List Web PageState the goal, not the steps; check the result before the code
- 3State Requirements Clearly: User Stories and the "Not This Time" ListWhen AI gets it wrong, it's usually because you hadn't thought it through
- 4CLAUDE.md: Make It Remember Your Project RulesWrite it once, and it reads it on every launch
- 5Plan Mode: Talk It Through Before Touching CodeFor complex features, have it propose a plan first; you nod, then it writes
- 6See What It Changed: git and One-Line RollbackBreaking things isn't scary. Not being able to go back is
- 7Weekly Assignment: Publish Your To-Do List OnlineIt only counts as built when someone else can open the link
- 8What a Mini Program Is, Getting an AppID, Installing DevToolsOne hour of prep before you start; get it right and the rest goes smoothly
- 9Have Claude Code Generate the Mini Program SkeletonFour files, one page: get it running first
- 10Pages and Interaction: Move the To-Do List into the Mini ProgramData lives in data, changes go through setData, local saves use storage
- 11Data in the Cloud: WeChat CloudBase DatabaseSwitch phones and your data is still there, no server to rent
- 12Identifying Users: openid and Cloud FunctionsNo login page needed; WeChat already knows who they are
- 13Real-Device Preview and Debugging: Run It on Your PhoneWorking in the simulator does not count; working on the phone does
- 14Week Assignment: Review Checklist and Privacy Protection GuidelinesPassing review the first time takes a checklist, not luck