01MVP 早鸟价限时开放中,产品还在打磨中,感谢信任

00 / 00

开工准备

在写代码前准备设备、网络、账号、产品形态、市场路径和基础概念,让第一版能顺利开工。

这一阶段解决“能不能顺利开工”的问题。很多新手不是卡在代码,而是卡在设备、网络、账号、产品形态、国内外路线和基础概念上。

准备不是为了拖延。真正需要的是一套能开工的最小条件:电脑能跑项目,网络别经常卡住,工具能让 AI 直接改代码,账号能部署到线上。做到这一步,就可以开始做第一个产品。

具体工具安装、AI 编程环境和 CLI 配置,放在 工具上手 里维护,避免同一套步骤在两边重复。

最短路径

想尽快开始的话,按这个顺序走:

  1. 确认电脑、网络、GitHub 和 Cloudflare 账号能支撑开发。
  2. 环境安装与项目上手,装好基础环境,选一个主力 AI 编程工具。
  3. 选择第一版产品形态:网站、小程序、App、插件、内容产品或服务。
  4. 判断先做国内市场还是海外市场,别让备案、支付、语言和渠道一起涌进来。
  5. 过一遍网站开发基础名词,能和 AI 讲清前端、后端、API、数据库。
  6. 成本总览,对域名、服务器、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 MacM1 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] 注册 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。

推荐默认决策:

  1. 第一个 MVP 默认先做网站。
  2. 用户天然在微信里,再优先考虑小程序。
  3. 只有明确需要原生能力,才第一版做 App。

先证明一个端成立,再决定要不要扩到第二个端。不要一上来追求多端统一。

先做国内还是海外

国内市场还是出海,不是技术选择,是路线选择。两条路的成本、合规、获客方式、收入预期完全不同。

维度国内路线海外路线
支付微信支付 / 支付宝,通常需要企业主体Stripe / Paddle / Creem,个人可先启动,公司更利于合规
收款币种人民币美元为主
备案与许可ICP 备案、公安备案、类目资质不需要备案,但需要隐私政策、条款、COPPA 等
获客渠道微信、小红书、抖音、SEOGoogle 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 被封、银行卡被拒、手机号收不到验证码而切方案,省下的钱通常不值得。

更现实的顺序是:

  1. 个人身份做 Demo,验证需求和使用意愿。
  2. 用落地页、等待名单、人工收款验证付费意愿。
  3. 有真实付费或合作意向后,再判断国内主体还是海外主体。
  4. 明确目标市场、支付方式和税务路径后,再注册公司。

公司是产品走向正式经营时的基础设施,不是灵感阶段的入场券。

网站开发基础:够用就行

做网站之前会碰到一堆名词,不用现在全搞懂。先过一遍,知道它们各自负责什么事,遇到不懂的再问 AI。

核心三件:

名词大概是什么
HTML网页的内容和结构,你看到的文字、按钮、图片,底层都是它写的
CSS控制长什么样,颜色、间距、手机上怎么排版都归它
JavaScript让网页能交互,点按钮弹窗、表单校验、数据实时更新都靠它

开发环境相关:

名词大概是什么
Node.js让 JavaScript 也能在你电脑上跑。装依赖、起本地服务器都要用
pnpm给项目装依赖的工具,理解成“装零件”就行
Git记录代码改了什么。改崩了能回退,多人协作也不会互相覆盖
GitHub放代码的平台,类似网盘,但多了协作、部署这些功能

偶尔会碰到的:

名词大概是什么
TypeScriptJavaScript 加了类型检查。写着麻烦一点,但大项目能少踩 bug
Markdown纯文本写文档的格式,GitHub README 和很多 AI 工具都用它
React / Vue把页面拆成组件来拼的框架,做复杂应用基本会用到其中一个
API程序之间互相调用的接口。前端跟后端要数据、调 AI 模型,本质都是调 API
Chrome DevToolsChrome 按 F12 打开的调试工具

别花两周背概念。跟着教程把项目跑起来,过程中碰到不认识的词,直接问 AI:

我没学过编程,用大白话给我解释一下 TypeScript。

第一次碰到 TypeScript 不用慌,知道它比 JS 多了类型检查就够了。等真遇到一堆红色报错,再去看细节也来得及。

页面白屏、样式歪了、接口没数据,大部分问题按 F12 打开 DevTools 看一眼就有头绪。

操作MacWindows
Console(看报错)Command + Option + JCtrl + Shift + J
Elements(看页面结构)Command + Option + IF12Ctrl + Shift + I
命令菜单(搜功能)Command + Shift + PCtrl + Shift + P

Console 里红色的是报错,Elements 能看到页面的 HTML,Network 能看到请求发出去没有、返回了什么。一开始知道这三个就够用。

B 站有个入门视频讲得不错:Chrome DevTools 开发者工具

早期不用急着做的事

这些都重要,但不是第一天必须做:

配置什么时候再看
域名准备发布真实产品、做品牌页或自定义访问地址时
备案面向国内用户,并且要用国内服务器或国内云资源时
企业邮箱需要正式对外联系、发产品通知、注册品牌账号时
注册公司要签合同、接支付、开票、上架或处理税务时
支付与收款已经有人明确想买,或者你准备做收费验证时
微信生态认证明确要做公众号、小程序、微信支付或开放平台时

早期最怕的是把准备工作做成主线任务。可以先知道这些东西存在,但不要因为还没注册公司、还没备案、还没企业邮箱,就迟迟不开始做 Demo。

可选深入

常见卡点

卡点处理方式
一开始就买太多工具先买域名和必要 AI 工具,其他等真实需求出现。
国内外路径都想做第一版先选一个主市场,减少备案、支付、语言和渠道复杂度。
不知道做网站还是 App优先选上线最快、用户最容易访问的形态。
被环境问题卡住先确保 GitHub、npm、AI 工具和部署平台能稳定访问。

复制给 AI

你是我的 01MVP 开工准备顾问。

我的产品想法是:
【写下产品方向和目标用户】

我的当前条件是:
【电脑、系统、网络、预算、是否会代码、目标市场】

请帮我判断开工前还缺什么:
1. 我最适合先做哪种产品形态
2. 国内路线和海外路线分别有什么成本和阻塞
3. 第一版必须准备哪些账号和工具
4. 哪些东西可以先不准备
5. 预算应该怎么分配
6. 下一周的准备动作

输出格式:
- 推荐产品形态
- 市场路径判断
- 必备准备项
- 暂缓准备项
- 预算建议
- 7 天行动清单

推荐 Skills / 工具 / 案例

做完的验收标准

完成这个阶段后,你应该能回答:

  • 第一版做什么产品形态?
  • 目标用户主要在国内还是海外?
  • 哪些账号、工具和网络条件已经准备好?
  • 第一版预算上限是多少?
  • 哪些看起来重要的东西可以等到上线前再处理?

想和其他创造者交流?

这篇文档有问题?