Preview整个网站还在搭建中,当前包含较多草稿和未完成内容,暂未正式发布。
快速构建

设备、环境、账号准备

把设备、开发环境和必备账号先准备到能开工的程度。

先说结论:新手做 MVP,最推荐的是一套能稳定工作 3 个月的最小环境,而不是“网上最强工具栈”。

很多人一上来就装一堆工具。
结果不是更高效,而是更乱。

你真正需要的硬件

对第一次做 Web MVP 来说,一台稳定的电脑就够了。

最重要的不是性能天花板,而是这 4 点

  • 电脑别太旧,别频繁卡死;
  • 浏览器和开发工具能顺畅运行;
  • 电池和网络稳定;
  • 你愿意天天打开它。

如果你是 Mac 用户,体验通常会更顺一些;
如果你已经有一台 Windows 电脑,也完全可以开始,不必为了“适合开发”先换机器。

先做出来,再升级装备。

你最少该装的 5 样东西

1. Chrome

不是因为别的浏览器不能用。
而是因为 Chrome 的开发者工具、插件生态和教程资源最成熟。

2. 一个代码编辑器

你三选一就够:

  • Trae:对国内新手更友好,比较容易上手;
  • VS Code:最稳、生态最大;
  • Cursor / 其他 AI IDE:如果你已经习惯,也可以继续用。

重点不是“哪家最强”,而是你能不能稳定地打开项目、读懂文件、让 AI 改代码。

3. Node.js

很多前端项目、本地开发工具和脚本都会用到。
你不用一开始理解它的全部,只需要知道:
它是很多现代网页项目在本地运行时的基础环境。

4. Git 和 GitHub 账号

Git 负责版本记录,GitHub 负责托管代码。
新手不需要先掌握高难度命令,但至少要会:

  • 新建仓库;
  • 提交改动;
  • 推送到远程;
  • 回看历史版本。

这会极大降低你“改坏了不敢动”的恐惧。

5. 一个 AI 编程入口

可以是 AI IDE,也可以是命令行工具。
关键不是工具名,而是你要学会把需求说清楚,并且能验证 AI 改得对不对。

账号准备:别等卡到那一步才注册

很多上线前的堵点,其实是账号没提前准备。

建议你尽早准备这些:

  • GitHub
  • Cloudflare
  • 一个域名注册商账号
  • 一个常用邮箱
  • 微信公众平台 / 小程序相关账号(如果你要走微信路线)
  • 支付账号或主体信息(如果你要开始收费)
  • Apple / Google 开发者账号(只有你真的要上架 App 时再准备)

环境配置不要一开始做太复杂

新手最容易掉进去的坑,是“想一次把所有环境都配到完美”。

比如:

  • 同时装多个包管理器;
  • 同时配置多套代理;
  • 同时切换多个 Node 版本;
  • 同时试三四个 AI 工具;
  • 同时学本地 Docker、远程服务器、CI/CD。

这些不是永远不用学。
只是对第一版来说,大多数都不是最优先。

一套很够用的默认配置

如果你现在什么都没有,直接按这套做:

  1. 装 Chrome
  2. 装 VS Code 或 Trae
  3. 装 Node.js LTS
  4. 注册 GitHub
  5. 注册 Cloudflare
  6. 本地跑一个最简单的网页项目
  7. 把它推到 GitHub
  8. 部署到一个公开地址

做到这里,你已经超过很多“看了很多但没动手”的人了。

最后

环境的意义不是让你感觉专业。
而是让你减少阻力,愿意每天继续做下去。

如果你已经装得差不多了,下一篇建议去看:《网站开发基础知识》
如果你想边学边做,直接跳去:《用 AI + Cloudflare Worker 做第一个 MVP》 也可以。

目录