零代码，我是如何开发初中数学知识点网站的？

名片关注公众号

今天给大家带来一篇分享，我是如何用扣子空间开发“初中数学知识点网站”，全程没写一行代码，只通过和 Agent 对话完成的网站开发。

先看下网站效果（在线效果：http://midmath.itlee.top/）

扣子空间，相信大家已经不陌生了，官方出品“网站开发专家Agent” 不知道各位有没有尝试过。https://space.coze.cn/

本次开发就是通过该 Agent 完成的，推荐各位尝试下，很丝滑。

官方出品很多专家 Agent

本文只是抛砖引玉，扣子空间还有很多玩法，等着大家去开发。

下面，步入正题~

初步想法

为什么会想到开发初中数学知识点网站呢？

主要原因，向善的弟弟今年中考，顺便帮他复习下数学。另一个原因，作为练手项目不想做的太复杂，没考虑加入后台，仅限静态页面。初中的数学知识点可以穷尽，创造模拟数据比较方便。

有了想法该如何实现呢？没啥思路，扔给 AI 看看它怎么说。于是就有了接下来的内容：

收集整理初中数学知识点，然后制作展示网站

需求收集

从一个想法开始，Agent 会引导你一步步确认需求，最后生成需求文档。

这个过程中，我只需做确认或者提出修改意见即可。

PRD 需求文档如下：

网站开发

需求明确了，告诉 Agent 开始构建应用即可。

每次构建完成都会从右侧显示结果。开发过程中我们会和Agent进行多轮交互，把自己的想法告诉他即可。

https://space.coze.cn/share-coding-expert/7509747998369955852
具体构建开发过程，可以看扣子空间任务分享。

网站调试

在开发的过程，难免会遇到 Bug，Agent 支持一键修复。

例如：

本地打包（可选）

本地打包需要 Node 环境，从官网下载安装：https://nodejs.org/zh-cn

当开发完成后，扣子空间下载项目代码。经过测试 Agent 无法进行打包，所以需要下载到本地然后打包。

环境配置好，在项目根文件夹中执行打包命令。

1. 1. 安装依赖

npm install
# 或者使用 pnpm 安装
pnpm install

1. 2. 本地启动

pnpm run dev

运行成功后，在浏览器访问http://localhost:3000即可查看网站。

1. 3. 打包项目：部署到服务器，需要打包成静态文件。

pnpm run build

总结

本案例使用扣子空间实现了静态网站的自动开发，我们只需提出想法，确认需求即可。