Hello，大家好，我是念明。今天来聊一下我接触web到现在熟悉上站流程并能独立开发一个mvp网站的全过程。本文对计算机纯小白十分友好，会以我纯小白的视角来带入，保证能看懂。本文纯以学习过程线为基础，不以我的学习时间线为基础。

一、对上线网站祛魅

在计算机小白眼里，上线网站可能就是一个十分繁琐、设计很多内容的工作，导致内心十分的恐惧。话虽如此，但有了AI编程的辅助，其中繁琐的工作可能就被AI做了，你需要做的仅仅是一些公式化的操作。所以应该如何克服恐惧呢？如何将其公式化呢？

要想克服对上线网站的内心的恐惧，我觉得最重要的是你得对这个流程有一个清晰的认知，这样你去做的时候才会有迹可循，心理有踏实感。（如果按照航海手册去做你有一种被牵着鼻子走的感觉，而不是自我掌控的安全感）

上线网站公式化（仅为个人摸索）：寻找需求——写代码——上传github仓库——部署上线。

完整版流程：寻找需求——验证需求——购买域名——绑定域名部署上线——环境搭配——前端开发——后端开发——支付系统——测试阶段——上传github仓库（之前绑定域名部署上线，会自动更新部署）——重新部署上线（若之前不绑定域名部署上线，这里就需要绑定一下）——收款配置。

小白做的时候就可以参考一下这个进度，心里就会有底气，不会有一种茫然的感觉。

我写这篇帖子的初衷不仅是为了复盘我的整个学习过程，也是给后来学习web网站的纯小白圈友指引一条比较清晰的道路，不要重蹈我的覆辙。

二、进行基础概念的学习

在进行web网站开发的过程中，你会遇到一款非常牛逼的AI编程工具：cursor。想要用好这款软件，说实话，很容易，把航海手册好好看一下就可以了，但是就算你学习了一些cursor的基础使用方法，会写代码了。但是当你真正写了一个又一个代码的时候，你会有一种不踏实的感觉——这种能力不属于自己，感觉自己被掌控了。这时候，如果你学习了一些基础知识，那么感觉就会良好很多——至少你知道自己这一步操作在干嘛。

1关于cursor

首先，你先下载一个最新版本的cursor。下载地址是：https://www.cursor.com/cn（千万不要下载错版本了，点击主页“下载window”即可）。cursor注册一次有50次快速请求的机会，但是可以delete之后重新注册一个，就又有50次的机会，可以薅一次羊毛。月会员是20刀，有点小贵，但是你想要做出赚钱的产品，首先就得学会给他人付费。如果你实在经济情况不太允许，我也可以教你一招： cursor无限续方法

2基础知识的学习

下载完cursor以后，你就按照航海手册里的流程对cursor进行一些初步的了解（跟着手册的内容先做完）。然后，再来学习一下我下面的基础知识（我做完整个流程会接触到的一些名词和困惑的地方），由于我要介绍的可能有点多（但是耐心学完，绝对会增强你的踏实感），我就单独重开了一个文档： 编程基础知识

三学习部分三月份航海手册

OK，学习完这些基础知识之后，你再学习航海手册就不会被强行带着走，而是有了一定的底气和自己的思考，现在再度就能理解其中的内容。然后就阅读一下2.1-2.4并完成一下相关内容。

然后再去完成一下手册3.1-3.3的内容，先上线一个游戏站，之后再回来看我的手册你会对写代码流程有更深刻的理解。

四实操过程——以我的情商网站为例（耗时8小时）

现在，你上完了你的第一个游戏站，就可以按照我上述步骤的缩减版来进行进一步实操（因为有些我自己都还没有太搞懂，本文只讲解mvp【最小可行性产品】打造）：寻找需求——购买域名——写代码流程——上传代码——绑定域名——部署

1寻找需求

这一块我就不讲太多，因为我也不是这方面的专家。这一块是做任何一个产品都是最重要的环节，涉及的知识点很多，生财里面有很多大佬都有相关的精华帖，可以找来阅读一下。

我就浅浅谈谈我做情商网站的idea：我想到抖音上很多卖你如何提高情商的书，联想到了我可以做一个网站帮助人们进行情商测试，然后设计提升情商的实际情景来成为卖点。（虽然没赚钱哈哈，我也只是为了熟练上站流程，快速搭建mvp）

2购买域名

这个如果你按照我上述流程读完了航海手册应该没啥问题了。

我推荐阿里云购买，便宜！！！！

3写代码

这一步就是对小白来说做网站的难点了。但是我们可以把它细分为几个步骤来明确自己的思路：搭建框架——写readme文档——细分框架再造readme文档——挑单来做——逐步检查——合并检查——究极检查——测试阶段

1）搭建框架

你先把你的思路和cursor的claude3.7探讨一下（ask模式），比如我要建一个情商网站，有哪些内容，我都会让AI帮我思考要保留哪些内容、增删哪些内容、采用什么技术栈、会有一个怎样的框架。你就跟AI不断地商讨你想要的网站的内容和表现形式（越详细越好），最终商讨处一个你满意的框架，然后让他告诉你这个项目的框架是什么样的，你就会得到一个总体的框架。然后你再让他给你生成一个可实行的操作流程（此阶段必须强调你是要做一个mvp产品，防止AI给你增添很多内容）

2）写readme文档

把你的框架和操作流程写入read.md，方便随便查阅进度。

3）细分框架再造readme文档

你根据AI给你的操作流程（可能有好几大步，我就叫做一级标题），对他说把某个一级标题给我详细补充内容（强调mvp）。他又会给你补充一个详细的框架。然后又把这个保存在单独的一个read.md，更方便在这一步的开发。这些操作流程包括了“环境搭配——前端开发——后端开发——支付系统——测试阶段”。

4）挑单来做

然后你把上一步细分的二级标题交给AI（agent模式）去finish（如果你不放心，可以从三级标题开始），你就一步步地重复这个过程，但是每一个一级标题你都新开一个对话，有三个好处：防止AI失忆；方便查找历史记录；不容易卡。

5）逐步检查+合并检查+究极检查

逐步检查就是指在每一个二级标题（三级标题）的内容AI（agent模式）完成了之后，你都可以重复一下这段话：你帮我检查一下上述代码，确保没有任何错误。如果有错误，请严谨的修改，不要影响正常的功能。

为了更好的阅读体验，来飞书看吧：

https://bcn5ot9wwnew.feishu.cn/wiki/BX1Aw6e37iBCpLkdofwcNJTmn4f