开始项目之前：先完成编程入门准备

本教程由「小荣的网络开发日志」实操整理编写，实操踩坑验证，内容真实可靠。
遇到操作问题可直接联系作者，转载需标注原文出处，禁止私自篡改商用。
承接网站、APP、小程序、各类脚本定制开发；
AI 编程教学、一对一项目全程陪跑，提供免费技术咨询。
联系方式：微信：rongyaolg 电话：18375295913

第一步：先了解为什么要做准备

本章节是所有项目实战课程的前置准备。正式开始做项目之前，建议你先完成本站的入门学习页面。

这一步不是让你马上写代码，而是先把基本概念和工具准备好。准备越充分，后面复制提示词给 AI 时，越容易看懂 AI 生成了什么，也更容易判断项目是否正常跑起来。

第二步：完成入门学习准备

请先打开入门学习页面，按顺序完成下面这些内容：

理解什么是前端、后端、数据库、接口。
安装好代码运行环境，比如 Node.js、Git、编辑器等。
准备好开发工具，比如 VS Code、Cursor、Trae、Roo Code 等 AI 编程工具。
学会打开项目、运行命令、查看终端报错。
学会在浏览器里查看页面，并用 F12 看控制台错误。

第三步：理解这些基础有什么用

项目实战通常会涉及页面、接口、数据库、登录鉴权、文件结构和部署运行。如果你完全不知道这些概念，后面 AI 给你生成代码时，你会不知道应该把代码放在哪里，也不知道报错应该从哪里看。

先完成入门准备后，你至少需要知道：

前端负责页面展示和用户操作。
后端负责接口、业务逻辑和数据库读写。
数据库负责保存项目里的业务数据。
终端负责运行项目和查看报错。
浏览器控制台负责检查前端问题。

第四步：回到项目继续下一章

完成入门学习页面后，再回到当前项目，从下一章开始按顺序复制提示词给 AI。

后面的每一章都会告诉你：

这一章要让 AI 做什么。
应该复制哪一段提示词。
AI 做完后你需要检查什么。
如果结果不对，应该如何继续追问。