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

电脑、网络和账号准备

做 AI 产品前先确认电脑、网络、基础账号和开发环境能支撑后续教程。

你不需要一开始买顶配电脑,也不需要注册几十个账号。

但你至少要保证三件事,电脑能跑项目,网络别频繁卡住,账号能把代码放到线上。否则后面每一步都会被安装失败、登录失败、部署失败打断。

电脑准备

如果你准备长期做网页、App、小程序或 AI 工作流,更推荐用 Mac。

项目最低建议更舒服的选择
电脑Apple Silicon Mac,16GB 内存起步32GB 内存的 MacBook Pro 或 Mac mini
芯片M 系列,不建议买 Intel MacM1 Pro 及以上,或新款 M 系列
存储512GB 起步空间不够可以外接移动硬盘
屏幕能接外接显示器最好长期开发,大屏会舒服很多

预算有限的话,先别追顶配。真正影响体验的是内存不要太小、机器不要太旧、屏幕不要太难受。

更细的购买建议可以看 Mac 选购指南

Windows 用户也可以开始

后面的教程会更偏 macOS / Linux 命令,因为现在很多 AI 编程工具、Web 开发教程和部署工具都默认这套环境。

但 Windows 用户不用停下来:

  • 简单网页和工具类项目,可以直接做。
  • 命令不一样时,把报错复制给 AI,让它改成 Windows 版本。
  • 长期开发时,再考虑配置 WSL2。

第一天不要把重点放在系统折腾上,先完成第一个 Demo 更重要。

网络准备

开发过程中会频繁访问这些服务:

  • GitHub,用来放代码、看开源项目、连接部署平台。
  • npm / pnpm 包源,用来下载项目依赖。
  • Homebrew、Node.js、Git,用来安装基础工具。
  • AI 编程工具和模型服务,用来登录、调用模型、联网检索。
  • 官方文档和技术问答网站,用来查问题。

如果网络不稳定,你会遇到这些问题:

问题具体表现
安装失败npm install、pnpm install、brew install 反复超时
拉代码慢git clone 很久不动,或者中途断开
AI 工具不可用登录失败、模型请求失败、插件连接失败
部署卡住连接 GitHub、Cloudflare、Vercel 时失败

网络环境这块不用在这里展开太细。你只要知道,后面的开发会依赖稳定访问 GitHub、npm、AI 服务和部署平台。

如果你在国内开发,可以按 网络环境配置指南 做检查。

账号准备

接下来的教程默认你已经有这两个账号:

账号为什么需要
GitHub存代码、管理版本、连接部署平台
Cloudflare管域名、DNS、CDN、Workers、Pages 和部分全栈部署

GitHub 和 Cloudflare 几乎是 AI 编程里的基础设施。你可以暂时不注册 Stripe、微信支付、飞书、腾讯云、阿里云、苹果开发者账号,但 GitHub 和 Cloudflare 建议先准备好。

其他账号等用到再注册:

账号什么时候再注册
OpenAI / Claude需要使用对应 AI 工具或模型时
腾讯云 / 阿里云要备案、国内服务器、小程序或短信时
Stripe / Paddle / Creem要做海外收款时
微信公众平台 / 小程序明确要做微信生态时
飞书 / Google Workspace需要企业邮箱或团队协作时

开工前检查

装完基础工具后,在终端里跑一下:

node --version
pnpm --version
git --version

再检查常用站点能否访问:

curl -I https://github.com
curl -I https://registry.npmjs.org

如果这些命令能正常返回,就可以继续看 开发工具与环境设置

目录