开工准备
在写代码前准备设备、网络、账号、产品形态、市场路径和基础概念,让第一版能顺利开工。
这一阶段解决“能不能顺利开工”的问题。很多新手不是卡在代码,而是卡在设备、网络、账号、产品形态、国内外路线和基础概念上。
准备不是为了拖延。真正需要的是一套能开工的最小条件:电脑能跑项目,网络别经常卡住,工具能让 AI 直接改代码,账号能部署到线上。做到这一步,就可以开始做第一个产品。
具体工具安装、AI 编程环境和 CLI 配置,放在 工具上手 里维护,避免同一套步骤在两边重复。
最短路径
想尽快开始的话,按这个顺序走:
- 确认电脑、网络、GitHub 和 Cloudflare 账号能支撑开发。
- 看 环境安装与项目上手,装好基础环境,选一个主力 AI 编程工具。
- 选择第一版产品形态:网站、小程序、App、插件、内容产品或服务。
- 判断先做国内市场还是海外市场,别让备案、支付、语言和渠道一起涌进来。
- 过一遍网站开发基础名词,能和 AI 讲清前端、后端、API、数据库。
- 看 成本总览,对域名、服务器、AI 编程、短信、支付这些支出有个数。
读完这些,不需要继续补课,直接去 MVP 实战案例库 里选一个项目开做。
接下来的教程默认你准备好了这些
| 类别 | 默认要求 | 说明 |
|---|---|---|
| 电脑 | 能稳定跑 Node.js 项目 | 更推荐 Mac,Windows 也可以先做简单项目 |
| 网络 | 浏览器和终端能访问常见开发服务 | GitHub、npm、AI 工具、部署平台都依赖网络 |
| 开发环境 | Chrome、Node.js、pnpm、Git | 这是后面网页和全栈项目的基础 |
| AI 编程工具 | 至少有 Codex | 如果只能选一个,先选 Codex |
| 账号 | GitHub、Cloudflare | 后续教程默认你已经有这两个账号 |
支付、邮箱、短信、数据库、微信、苹果开发者账号,等项目真的用到再开。
电脑、网络和账号
长期做网页、App 或者 AI 工作流的话,更推荐 Mac。不用追顶配,内存够用、机器别太老就行。
| 项目 | 够用 | 更舒服 |
|---|---|---|
| 电脑 | Apple Silicon Mac,16GB 内存 | 32GB 的 MacBook Pro 或 Mac mini |
| 芯片 | M 系列,不建议再买 Intel Mac | M1 Pro 及以上 |
| 存储 | 512GB 起步 | 不够就外接移动硬盘 |
| 屏幕 | 能用 | 长期写代码,外接大屏差别很大 |
准备买电脑时,看 Mac 选购指南。第一次配置工作环境时,看 Mac 应用推荐。
Windows 也能开始。简单网页和工具类项目,直接就能做;命令跑不通的时候,把报错丢给 AI,让它改成 Windows 版;项目多了再配 WSL2。先别折腾系统,做出第一个东西更重要。
开发时会反复访问这些服务:
- GitHub:放代码、连部署平台。
- npm / pnpm:下载项目依赖。
- Node.js、Git、Homebrew:安装基础工具。
- AI 编程工具和模型服务:登录、调模型、联网检索。
网络不稳定时,常见症状是 npm install 超时、git clone 卡住、AI 工具登录失败、Cloudflare 或 Vercel 部署失败。在国内开发的话,看 网络环境配置 做检查。
先注册这两个账号:
| 账号 | 用途 |
|---|---|
| GitHub | 存代码、管版本、连部署平台 |
| Cloudflare | 管域名、DNS、CDN、Workers、Pages |
其他账号按需再注册:
| 账号 | 什么时候注册 |
|---|---|
| OpenAI / Claude | 要用对应 AI 工具或模型的时候 |
| 腾讯云 / 阿里云 | 要备案、用国内服务器或短信服务的时候 |
| Stripe / Paddle / Creem | 要做海外收款的时候 |
| 微信公众平台 / 小程序 | 确定要做微信生态的时候 |
实用技巧:Gmail 别名机制
注册这些服务的时候,如果你用 Gmail,可以用它的别名机制来管理多个账号:
- 点号忽略:
[email protected]=[email protected],邮件都到同一个收件箱 - + 号别名:
you+服务名@gmail.com=[email protected],加号后面随便写,不需要提前设置
比如 [email protected] 注册 GitHub,[email protected] 注册 Cloudflare,[email protected] 注册 Stripe。收到邮件时,一眼就知道是哪发的。
这是 Google 的特性。QQ 邮箱、163 邮箱、Outlook.com 等大部分邮箱服务不支持 + 号别名,不要把它当成所有邮箱都能用的能力。
基础工具装好后,打开终端敲这几行:
node --version
pnpm --version
git --version再测一下能不能访问常用站点:
curl -I https://github.com
curl -I https://registry.npmjs.org都有正常返回的话,继续做项目环境安装。
第一版先做什么形态
大多数人的第一个 MVP,都应该先做网站。
网站最快、最轻、最容易发给别人看,也最适合配合 AI 编程工具快速迭代。App 和小程序当然有价值,但更适合在需求更明确之后再做。
先看用户从哪里来:
| 用户来源 | 更推荐先做 |
|---|---|
| 搜索引擎、社交媒体、海外社区、邮件订阅 | 网站 |
| 微信群、公众号、扫码、朋友圈、线下活动 | 微信小程序 |
| App Store、Google Play、长期 push、高频工具入口 | App |
现在还说不清用户从哪里来的话,默认先做网站。
网站适合落地页、表单、生成器、工具、内容站、账号型产品和早期 SaaS。点链接就能打开,不需要安装;部署快,改版快,发出去也快;海外市场尤其适合从独立站、SEO 和内容营销开始。
小程序适合的不是“国内用户”这几个字,而是更具体的微信场景。下面这些条件里,能明确勾中 3 条以上,小程序就值得更早考虑:
- 用户天然在微信里。
- 传播依赖微信群、公众号、扫码、朋友圈。
- 需要微信登录或微信支付。
- 场景偏线下,比如门店、活动、报名、预约。
- 用户不太可能记住一个网址,但愿意扫码打开。
小程序的代价也要提前知道:开发、审核、类目、备案、认证规则更多;某些能力和设计会受平台限制;接支付、服务类目、开放平台时,经常会牵涉主体资质。小程序不是更轻的网站,它是一套平台生态。
只有当明确需要这些能力时,第一版才值得做 App:
- 强推送能力。
- 深度离线使用。
- 摄像头、蓝牙、传感器、相册等原生体验。
- 长期高频使用,用户愿意装在手机里。
- 应用商店分发本身就是主要增长路径。
否则,第一版做 App 通常是在给自己加难度。很多时候以为自己需要 App,实际需要的是一个移动端体验更好的网站、一个 PWA,或者后面再包装的 WebView。
推荐默认决策:
- 第一个 MVP 默认先做网站。
- 用户天然在微信里,再优先考虑小程序。
- 只有明确需要原生能力,才第一版做 App。
先证明一个端成立,再决定要不要扩到第二个端。不要一上来追求多端统一。
先做国内还是海外
国内市场还是出海,不是技术选择,是路线选择。两条路的成本、合规、获客方式、收入预期完全不同。
| 维度 | 国内路线 | 海外路线 |
|---|---|---|
| 支付 | 微信支付 / 支付宝,通常需要企业主体 | Stripe / Paddle / Creem,个人可先启动,公司更利于合规 |
| 收款币种 | 人民币 | 美元为主 |
| 备案与许可 | ICP 备案、公安备案、类目资质 | 不需要备案,但需要隐私政策、条款、COPPA 等 |
| 获客渠道 | 微信、小红书、抖音、SEO | Google SEO、Twitter / X、Product Hunt、邮件 |
| App 上架 | 国内应用商店常需要软著和主体 | App Store / Google Play,个人开发者也能开始 |
| 税务复杂度 | 记账、报税、发票、社保 | 零申报或自行申报,依赖注册地规则 |
| 收入预期 | 依赖 ARPU 和信任转化 | 依赖订阅制和全球市场 |
更适合国内路线的情况:
- 用户集中在中国大陆,尤其是微信场景。
- 产品需要国内支付、短信、实名认证。
- 做的是内容、社交、本地服务类产品。
- 需要面对面见客户、签线下合同。
国内路线走得通,但要知道隐性成本:ICP 备案、企业主体注册、记账报税、微信认证与类目审核、短信通道成本。这些不是一天能搞定的,每一样都对应流程和时间周期。
更适合出海的情况:
- 产品主要面向英语市场或全球用户。
- 做的是 SaaS、工具、API、开发者服务。
- 依赖 Stripe 类收款,做订阅制收入。
- 不想在平台审核、备案、类目资质上花太多时间。
- 希望早期用个人身份启动,后面再补公司主体。
出海路线的一个好处是产品和公司主体可以分开推进。你可以先做产品,有真实付费或合作意向后,再注册公司。
出海公司什么时候准备
注册美国公司不是第一天的任务,但在几个节点上会明显降低阻力:
- 接 Stripe 收款。
- 上架 App Store / Google Play 企业账号。
- 开 Mercury 等美国银行账户。
- 收美元支票、签海外合同。
- 给团队员工发卡,共用一套账户体系。
单人 LLC 是较轻的出海公司形态。不需要美国身份,国内身份证就能办。下面是常见成本量级,实际费用以官方页面和注册代理报价为准。
| 项目 | 费用 | 说明 |
|---|---|---|
| 首次注册 | ~$200 | 找注册代理代办,全程 DIY |
| Stripe Atlas 代办 | ~$500 | 省心选项,流程标准化,附赠银行和 Stripe 接入引导 |
| 年审续期 | ~$200/年 | 注册代理费和州政府年费 |
| ITIN 申请 | ~$50 | 可在 Fiverr 找服务商代办,财务场景下近似 SSN |
| 记账报税(零申报) | ~$50/年 | Fiverr 或在线税务服务,无收入可做零申报 |
| 美国手机卡 | ~$3/月 | Ultra PayGo,月租 3 美元,用于接收验证码 |
第一年总成本大约 $250-550,之后每年维护成本大约 $250-300。
注册后通常会围绕这几样东西搭基础设施,具体可用性以当时开户和平台规则为准:
- EIN:美国公司税号,注册后自动获得。
- ITIN:个人税务识别号,可找服务商代办。
- 美国商业银行账户:常见选择是 Mercury 这类线上银行,用来收美元和使用商业借记卡。
- 美国地址和电话:注册代理提供法定地址,Ultra PayGo 提供美国手机号。
这些能帮助你解决海外数字服务里常见的 IP、手机号、银行卡问题。生产力工具第一考虑的是稳定性。三天两头因为 IP 被封、银行卡被拒、手机号收不到验证码而切方案,省下的钱通常不值得。
更现实的顺序是:
- 个人身份做 Demo,验证需求和使用意愿。
- 用落地页、等待名单、人工收款验证付费意愿。
- 有真实付费或合作意向后,再判断国内主体还是海外主体。
- 明确目标市场、支付方式和税务路径后,再注册公司。
公司是产品走向正式经营时的基础设施,不是灵感阶段的入场券。
网站开发基础:够用就行
做网站之前会碰到一堆名词,不用现在全搞懂。先过一遍,知道它们各自负责什么事,遇到不懂的再问 AI。
核心三件:
| 名词 | 大概是什么 |
|---|---|
HTML | 网页的内容和结构,你看到的文字、按钮、图片,底层都是它写的 |
CSS | 控制长什么样,颜色、间距、手机上怎么排版都归它 |
JavaScript | 让网页能交互,点按钮弹窗、表单校验、数据实时更新都靠它 |
开发环境相关:
| 名词 | 大概是什么 |
|---|---|
Node.js | 让 JavaScript 也能在你电脑上跑。装依赖、起本地服务器都要用 |
pnpm | 给项目装依赖的工具,理解成“装零件”就行 |
Git | 记录代码改了什么。改崩了能回退,多人协作也不会互相覆盖 |
GitHub | 放代码的平台,类似网盘,但多了协作、部署这些功能 |
偶尔会碰到的:
| 名词 | 大概是什么 |
|---|---|
TypeScript | JavaScript 加了类型检查。写着麻烦一点,但大项目能少踩 bug |
Markdown | 纯文本写文档的格式,GitHub README 和很多 AI 工具都用它 |
React / Vue | 把页面拆成组件来拼的框架,做复杂应用基本会用到其中一个 |
API | 程序之间互相调用的接口。前端跟后端要数据、调 AI 模型,本质都是调 API |
Chrome DevTools | Chrome 按 F12 打开的调试工具 |
别花两周背概念。跟着教程把项目跑起来,过程中碰到不认识的词,直接问 AI:
我没学过编程,用大白话给我解释一下 TypeScript。第一次碰到 TypeScript 不用慌,知道它比 JS 多了类型检查就够了。等真遇到一堆红色报错,再去看细节也来得及。
页面白屏、样式歪了、接口没数据,大部分问题按 F12 打开 DevTools 看一眼就有头绪。
| 操作 | Mac | Windows |
|---|---|---|
| Console(看报错) | Command + Option + J | Ctrl + Shift + J |
| Elements(看页面结构) | Command + Option + I | F12 或 Ctrl + Shift + I |
| 命令菜单(搜功能) | Command + Shift + P | Ctrl + Shift + P |
Console 里红色的是报错,Elements 能看到页面的 HTML,Network 能看到请求发出去没有、返回了什么。一开始知道这三个就够用。
B 站有个入门视频讲得不错:Chrome DevTools 开发者工具。
早期不用急着做的事
这些都重要,但不是第一天必须做:
| 配置 | 什么时候再看 |
|---|---|
| 域名 | 准备发布真实产品、做品牌页或自定义访问地址时 |
| 备案 | 面向国内用户,并且要用国内服务器或国内云资源时 |
| 企业邮箱 | 需要正式对外联系、发产品通知、注册品牌账号时 |
| 注册公司 | 要签合同、接支付、开票、上架或处理税务时 |
| 支付与收款 | 已经有人明确想买,或者你准备做收费验证时 |
| 微信生态认证 | 明确要做公众号、小程序、微信支付或开放平台时 |
早期最怕的是把准备工作做成主线任务。可以先知道这些东西存在,但不要因为还没注册公司、还没备案、还没企业邮箱,就迟迟不开始做 Demo。
可选深入
- Mac 选购指南:准备买电脑时看。
- Mac 应用推荐:第一次配置工作环境时看。
- 网络环境配置:国内网络访问开发服务不稳定时看。
- 国内产品各项成本明细:面向国内用户时看。
- 海外路径成本明细:面向海外用户时看。
常见卡点
| 卡点 | 处理方式 |
|---|---|
| 一开始就买太多工具 | 先买域名和必要 AI 工具,其他等真实需求出现。 |
| 国内外路径都想做 | 第一版先选一个主市场,减少备案、支付、语言和渠道复杂度。 |
| 不知道做网站还是 App | 优先选上线最快、用户最容易访问的形态。 |
| 被环境问题卡住 | 先确保 GitHub、npm、AI 工具和部署平台能稳定访问。 |
复制给 AI
你是我的 01MVP 开工准备顾问。
我的产品想法是:
【写下产品方向和目标用户】
我的当前条件是:
【电脑、系统、网络、预算、是否会代码、目标市场】
请帮我判断开工前还缺什么:
1. 我最适合先做哪种产品形态
2. 国内路线和海外路线分别有什么成本和阻塞
3. 第一版必须准备哪些账号和工具
4. 哪些东西可以先不准备
5. 预算应该怎么分配
6. 下一周的准备动作
输出格式:
- 推荐产品形态
- 市场路径判断
- 必备准备项
- 暂缓准备项
- 预算建议
- 7 天行动清单推荐 Skills / 工具 / 案例
- 产品经理 Skills:适合做产品形态和市场路径决策。
- 新手工具选型:集中看当前 AI 工具、订阅和模型配置建议。
- 官方链接:查注册、部署、支付和平台入口。
- 小程序案例库:准备做微信生态时先看。
做完的验收标准
完成这个阶段后,你应该能回答:
- 第一版做什么产品形态?
- 目标用户主要在国内还是海外?
- 哪些账号、工具和网络条件已经准备好?
- 第一版预算上限是多少?
- 哪些看起来重要的东西可以等到上线前再处理?
想和其他创造者交流?
这篇文档有问题?