一套流程搞定开发！Claude Code 从零写程序完整教程 - 慧知开源充电桩平台

文慧的科技江湖8676

发布于 2026-06-17 14:04:06

360

我给你一套从0写程序（比如你的充电桩平台模块），全程在Claude Code里用技能的标准流程，按顺序来，附每一步用什么技能、发什么指令，直接照着跑就行。

如果您连claude code 都装不上私信我。我有一套教程送给您。

一、写一套程序的完整流程 + 对应技能

1. 需求梳理 & 架构设计（定方向，不写代码）

用技能：/superpowers:brainstorm 先把需求聊透，防止写偏。

/superpowers:brainstorm
帮我梳理【xxx功能模块】的需求和架构：
1. 业务目标：xxx
2. 核心功能点：xxx
3. 技术栈：Spring Boot + Vue + MySQL
4. 模块依赖：和哪些服务/接口有关联
5. 设计方案：模块分层、接口定义、数据表结构
输出完整的需求说明+架构方案，不写代码。

2. 拆任务成可执行步骤（分模块，定文件）

用技能：/superpowers:write-plan 把大功能拆成“文件级小任务”，防止写乱。

/superpowers:write-plan
基于上面的方案，把【xxx模块】拆成分阶段开发任务：
1. 按顺序：实体类 → DAO层 → Service层 → Controller层 → 前端页面
2. 每个任务写明：文件名、核心函数、输入输出
3. 每个任务附带测试要点，确保每一步可验证

3. 写后端代码（Java/接口）

3.1 边写边按计划执行

按上面的任务列表，让Claude逐文件写，每写一个文件都核对diff。

按照任务列表，先完成【xxx模块】的实体类和DAO层代码：
- 实体类和数据库表字段一一对应
- DAO层使用MyBatis实现增删改查
- 保持代码规范，注释清晰

3.2 先写测试，再写实现（防bug，TDD模式）

用技能：/superpowers:tdd 适合核心业务、算法、接口模块，先写测试再写实现，逻辑更稳。

/superpowers:tdd
为【xxx服务类】开发：
1. 先写单元测试用例，覆盖正常、边界、异常场景
2. 再实现服务代码，确保所有测试用例通过
3. 输出测试报告和覆盖率说明

4. 写前端页面（Vue/页面UI）

用技能：/frontend_design 按你的登录页风格来做页面，保持系统统一。

/frontend_design
开发【xxx管理页面】，100%匹配慧知充电桩平台的视觉风格：
1. 沿用蓝色主调、卡片式布局、简约科技风
2. 包含：查询条件栏、数据列表、新增/编辑弹窗
3. 保持响应式，和登录页的按钮、输入框样式统一
4. 只写Vue代码和CSS，不改动业务逻辑

5. 全流程自动化测试（跑通整个业务）

用技能：/Playwright MCP 写好前后端后，用浏览器跑一遍完整流程，验证页面+接口都正常。

/Playwright MCP
测试【xxx模块】的完整业务流程：
1. 登录系统，进入【xxx管理】页面
2. 新增一条数据，验证提交成功
3. 查询、编辑、删除数据，验证所有操作正常
4. 检查控制台报错和接口请求，输出测试结果

6. 代码评审 & 优化

用技能：/superpowers:review 检查代码规范、潜在bug、性能问题。

/superpowers:review
对【xxx模块】的前后端代码做全面评审：
1. 检查代码规范、命名、注释
2. 排查异常处理、并发问题、潜在bug
3. 给出优化建议，生成整改清单

7. 提交代码 & 写文档

用技能：/superpowers:git 自动生成提交说明，更新文档。

/superpowers:git
为本次【xxx模块】开发生成规范的Git提交信息，同步更新项目README和接口文档。

二、一句话版「从0写程序技能流」

brainstorm（定需求架构） → write-plan（拆任务） → tdd（先写测试再写后端） → frontend_design（写前端页面） → Playwright MCP（跑通全流程） → review（代码评审） → git（提交归档）

三、给你一套可直接复制的「从0开发指令串」

按顺序粘贴就能跑，适配你的充电桩平台模块：

# 1. 定需求架构
/superpowers:brainstorm 梳理充电桩管理模块的需求与架构

# 2. 拆任务
/superpowers:write-plan 拆分充电桩模块的前后端开发任务

# 3. 后端开发（带测试）
/superpowers:tdd 开发充电桩服务接口，先写测试再写实现

# 4. 前端页面（匹配现有风格）
/frontend_design 开发充电桩管理页面，完全匹配现有系统风格

# 5. 全流程测试
/Playwright MCP 测试充电桩模块完整业务流程

# 6. 评审收尾
/superpowers:review 评审模块代码，优化问题；/superpowers:git 提交代码

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2026-05-28，如有侵权请联系 cloudcommunity@tencent.com 删除

开发