设备与网络

不用一步到位,但电脑能跑项目、网络别老断、GitHub 账号先注册好,后面才不会卡住。

不需要一上来买顶配电脑,也不用注册一堆账号。但三件事得先确认:电脑能跑项目,网络别总掉线,GitHub 和 Cloudflare 账号有了。不然后面装依赖超时、clone 代码卡住、部署连不上,每一步都会被绊住。

电脑

长期做网页、App 或者 AI 工作流的话,更推荐 Mac。不用追顶配,内存够用、机器别太老就行。

项目够用更舒服
电脑Apple Silicon Mac,16GB 内存32GB 的 MacBook Pro 或 Mac mini
芯片M 系列(别买 Intel Mac)M1 Pro 及以上
存储512GB 起步不够就外接移动硬盘
屏幕能用长期写代码,外接大屏差别很大

买什么型号更合适,看 Mac 选购指南

Windows 也能开始

后面教程里的命令会偏 macOS 多一些,因为现在很多 AI 编程工具和部署工具默认这套环境。但 Windows 用户不用等:

  • 简单网页和工具类项目,直接就能做
  • 命令跑不通的时候,把报错丢给 AI,让它改成 Windows 版
  • 后面项目多了,再配 WSL2

先别折腾系统,做出第一个东西比什么都重要。

网络

开发的时候会反复访问这些:

  • GitHub:放代码、连部署平台
  • npm / pnpm:下载项目依赖
  • Node.js、Git、Homebrew:安装基础工具
  • AI 编程工具和模型服务:登录、调模型、联网检索

网络不好的话,你会反复遇到这些东西:

症状例子
安装超时npm install 跑半天最后报错
clone 卡住git clone 一个项目等了十分钟没动
AI 工具连不上登录失败、模型没响应、插件报红
部署失败连 GitHub、Cloudflare、Vercel 全部超时

网络这块不用现在展开太细,知道后面开发会依赖稳定访问这些服务就行。在国内开发的话,看 网络环境配置指南 做检查。

账号

先注册这两个,后面的教程会反复用到:

账号用途
GitHub存代码、管版本、连部署平台
Cloudflare管域名、DNS、CDN、Workers、Pages

这两个基本是做 AI 编程的基础设施。其他账号等用到再注册:

账号什么时候注册
OpenAI / Claude要用对应 AI 工具或模型的时候
腾讯云 / 阿里云要备案、用国内服务器或短信服务的时候
Stripe / Paddle / Creem要做海外收款的时候
微信公众平台 / 小程序确定要做微信生态的时候

实用技巧:Gmail 别名机制

注册这些服务的时候,如果你用 Gmail,可以用它的别名机制来管理多个账号:

  • 点号忽略your.name@gmail.com = yourname@gmail.com,邮件都到同一个收件箱
  • + 号别名you+服务名@gmail.com = you@gmail.com,加号后面随便写,不需要提前设置

注册不同平台时用不同变体,收到邮件一眼就知道是哪发的:

  • you+github@gmail.com → 注册 GitHub
  • you+cloudflare@gmail.com → 注册 Cloudflare
  • you+stripe@gmail.com → 注册 Stripe

需要注意:这是 Google 的特性。QQ 邮箱、163 邮箱、Outlook.com 等大部分邮箱服务不支持 + 号别名。如果你以后切换邮箱方案,注意不要依赖这个机制作为唯一分类方式。

装完之后跑一下

基础工具装好后,打开终端敲这几行:

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

再测一下能不能访问常用站点:

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

都有正常返回的话,继续看 环境安装与项目上手