场景实战：选你的路线——网站、小程序还是浏览器插件
💡 目标：5 分钟选定你的第一条实战路线——网站、小程序还是浏览器插件，并说得出这条路线的门槛、大约耗时和第一课入口。
工具会用了，纪律也立了，vibe coding 实战真正卡人的第一个问题不是「怎么写」，是「做什么」。「帮我做个东西」是 AI 最接不住的需求；目标越具体，AI 越能一次写对——这是 3.2 提示词写法 讲过的道理。所以这一站先解决项目选题：用 AI 做网站、做微信小程序、做浏览器插件，三条路线选定一条，再开工。
三条路线按「东西做出来在哪用」划分，门槛和上线要求各不相同：
| 路线 | 做出来是什么 | 用户在哪用 | 上线要过什么关 |
|---|---|---|---|
| A 网站 | 个人主页 / 作品集 / 落地页 | 任何浏览器，点开链接 | 最轻：上传即发布，拿到可访问网址 |
| B 微信小程序 | 微信里传播的小工具 | 微信内获取与传播 | 中等：试用版免账号免审核；正式发布需注册 + 备案 + 微信审核 |
| C 浏览器插件 | 增强浏览器的工具 | Chrome 装上即用 | 自用免审核；上架商店需注册费 + 审核 |
还在犹豫「不会编程能做出东西吗」？先回 1.3 小白的真实答案 看真实案例，然后回来选路线——把「想学」变成「做完」的，从来是具体目标，不是工具。
🎯 阶段目标
- 能在三条路线里选定一条，说得出理由：做给谁用、在哪儿用
- 知道所选路线的全部课程、总耗时，以及上线前要过的关（免费发布 / 备案审核 / 商店审核），不会做到一半才发现卡在资质上
- 当天进入第一课开工，不再停在「想学但不知道做什么」
⏳ 预计耗时
- 本页 5 分钟；三条路线选一条走完：
- 路线 A（网站）：5 课合计约 62 分钟，浮动 43–81 分钟
- 路线 B（小程序）：5 课合计约 57 分钟，浮动 40–74 分钟
- 路线 C（插件）：7 课合计约 78 分钟，浮动 55–101 分钟
- 不必三条都走：先完整做出来一个，比三条各做一半强得多
🚀 开始之前
- 走完上一站高效工作流——五条纪律里的「先规划再动手」和「上线前验收」，实战全程都用得上
- 至少一款工具能完整跑一轮对话（没装好回 1.5 安装 Claude Code；完全不想碰命令行，看 1.5b 安装备用方式）
- 有一个真实的小目标当练习素材（作品集、报名页、给自己省一步的操作）——真实目标比「练手项目」撑得久
- 一杯水 ☕
📚 选择你的路线
三条路线没有高下，只有合不合你的目标。最快的选法是看「用户在哪儿」：在任意浏览器 → A；在微信里 → B；主要就是你自己 → C。下面每张卡片列清门槛和课程，选好就直接进第一课。
路线 A：做网站——发个链接谁都能看
适合谁：想给自己或作品做门面的人——个人主页、作品集、活动落地页、内容站。
门槛为什么最低：
- 三家托管平台都有免费档：GitHub Pages（从仓库直接发布静态网站）、Cloudflare Pages（不会 Git 也能拖拽上传）、Vercel（Hobby 计划免费）
- 不用买服务器：静态网站就是 HTML/CSS/JS 文件，平台替你构建和分发
- 最短路径当天见效：Cloudflare Pages 拖拽上传，浏览器里拖入一个文件夹或 zip，就得到
项目名.pages.dev网址
要留意的：
- GitHub Pages 免费档要求仓库公开，而且站点内容公网可见——仓库设为私有也一样
- Vercel Hobby 计划仅限个人非商业用途，要收钱的项目别放在免费档
- Cloudflare 官方文档已建议新项目从 Workers 起步；A3 仍以 Pages 拖拽上传为教学路径，因为它对小白最直接
课程表（5 课约 62 分钟）：
| 课程 | 内容 | 时长 |
|---|---|---|
| A1 用 AI 做网站 | 从一句话到能上线的页面 | 15 分钟 |
| A2 GitHub Pages 上线 | 免费静态网站托管 | 15 分钟 |
| A3 Cloudflare Pages 上线 | 不会 Git 也能拖拽发布 | 12 分钟 |
| A4 Vercel 上线 | AI 编码代理的一条命令部署 | 12 分钟 |
| A5 部署平台对比 | 免费额度、限制与怎么选 | 8 分钟 |
路线 B：做微信小程序——让东西在微信里传开
适合谁：用户在微信里的人——给社团、门店、课程、活动做个扫码就能用的小工具。
为什么值得做：
- 官方定位是「一种全新的连接用户与服务的方式」，在微信内被便捷地获取和传播
- 个人就能注册：18 岁以上、有国内身份信息的微信实名用户即可，不需要公司
- 有零基础捷径：WorkBuddy 以微信第三方服务商身份协助完成代码上传、试用版生成——试用版不用先注册账号、不用过微信审核，14 天有效、最多 15 人体验
要留意的：
- 正式对外发布要多过几关：注册小程序账号、完成备案、通过微信审核
- 个人主体没有微信支付；要收钱得注册企业主体（300 元认证费，或对公账户打款验证）
- 试用版不能直接转正式版，换发布方式要在分享面板「解绑」后重来
课程表（5 课约 57 分钟）：
| 课程 | 内容 | 时长 |
|---|---|---|
| B1 微信小程序是什么 | 小白能抓住的机会 | 8 分钟 |
| B2 注册小程序账号 | 材料、流程与个人/企业区别 | 12 分钟 |
| B3 用 WorkBuddy 做小程序 | 从想法到试用版 14 天 | 15 分钟 |
| B4 提交审核与发布 | 微信审核规则避坑指南 | 12 分钟 |
| B5 审核被拒怎么办 | 高频拒绝原因与整改 | 10 分钟 |
路线 C：做浏览器插件——改你自己的浏览器
适合谁：每天泡在 Chrome 里、想解决自己浏览网页时的痛点的人——顺手也可以发布给全网用户。
为什么选它：
- 技术栈就是网页三件套：官方原话，用构建 Web 应用的同样技术——HTML、CSS、JavaScript——就能构建扩展，会网页就会插件
- 即做即用：打开 Chrome 扩展页的开发者模式，Load unpacked 加载本地文件夹就能跑，自用不用等任何审核
- 能做的比想象多：工具栏图标弹窗、侧边栏、拦截或修改网络请求、往指定网页注入脚本、后台监听浏览器事件
要留意的：
- 只写 Manifest V3：MV2 插件自 2025 年 7 月起已被 Chrome 全渠道禁用，照抄老教程会白干
- 上架 Chrome 应用商店要交一次性注册费（金额以开发者后台实付页为准）；中国大陆在支持注册的地区名单里
- 商店审查看三样：用途单一、隐私说明清楚、代码全部打进包里——不许运行时远程加载 JS
课程表（7 课约 78 分钟）：
| 课程 | 内容 | 时长 |
|---|---|---|
| C1 浏览器插件是什么 | 会网页就会插件 | 8 分钟 |
| C2 第一个 Chrome 插件 | 15 分钟跑通 Hello World | 15 分钟 |
| C3 manifest.json 详解 | MV3 字段速查 | 10 分钟 |
| C4 Content Script 与 Service Worker | 插件的大脑和手脚 | 12 分钟 |
| C5 插件调不出来 | 日志去哪找、报错怎么读 | 10 分钟 |
| C6 上架 Chrome 应用商店 | 注册、打包、提审全流程 | 15 分钟 |
| C7 商店审核与发布策略 | 3 天审完、灰度与回滚 | 8 分钟 |
💡 还是选不出来？两问定路线
- 用户在哪儿？ 在微信里 → B；在任意浏览器 → A；主要就是你自己每天用 → C
- 想多快见成果？ 当天就要发出去 → A；先给小圈子试用 → B 的试用版（14 天）或 C 的本地加载
两个问题的答案一致就直接开工；不一致就按第一条来——用户在哪，东西就该在哪。
🎒 你将收获
- 一条从「想学」到「做完」的具体路径：选路线 → 跟课 → 作品上线，每一步有课程可对照
- 开工前就摸清全部关卡：免费额度、账号资质、备案与审核、商店注册费，不会做到一半才发现卡在资质上
- 第一个能发出去的作品：一个链接（A）、一个能扫码试用的小程序（B）、一个装在自己浏览器里的插件（C）
- 通往进阶手册的实战底子：AGENTS.md、Vercel × AI 工具链、自定义域名，都等你有了真项目再回去学
准备好了吗？vibe coding 实战最稳的第一步是 A1 用 AI 做网站 →——门槛最低，当天就能把链接发出去。用户在微信里的，直接进 B1 微信小程序是什么；想改自己浏览器的，从 C1 浏览器插件是什么 开始。