4 GB 内存 Chromebook 也能跑完整开发流程：Claude 云端工作区 + GitHub 实测

作者在一台只有 4 GB 内存的 HP Chromebook 11a 上，全程用 Claude 聊天界面当编辑器、GitHub 托管代码，五轮构建加压力测试，CPU 始终在 5%–15% 之间。文章给出从建仓库到开启 GitHub Pages 的完整步骤，还记录了 3D 场景和动画图表两轮实测的具体数据。适合想用低配设备加 AI 做小项目的人参考。

整套工具清单：笔记本上什么都不装

• 硬件是一台已有的 HP Chromebook 11a（MediaTek Kompanio 500，4 GB 内存），浏览器用系统自带的 Chrome
• 代码托管和网站用 GitHub 和 GitHub Pages，均免费
• AI 构建用 Claude 付费计划的云端工作区，代码全部在云端写、云端跑，本机零安装

第一轮：没有编辑器也能上线一个应用

• 作者在墨西哥城度假时，用 Claude 聊天界面描述需求、回答几个选择题，就生成了一个给生病妻子用的「数字呼叫铃」页面
• 构建全程在 Claude 云端工作区完成：克隆仓库、写文件、截图自检、commit、push，本机 CPU 仅 5%，剩余内存 1.44 GB
• 部署只需三步：Settings → Pages → 从 main 分支部署，一分钟后就有公开地址
• 恢复逻辑很简单：工作都在云端和 GitHub 上，笔记本断网或出问题不会丢进度

照着做的六个步骤

• 注册 GitHub 账号，在 github.com/new 建空仓库并勾选 Add a README
• 在 Claude 聊天里描述想做的功能，让 Claude 一次问一个问题来收集需求
• Claude 请求仓库权限时，只批准那一个仓库
• 文件推送后开启 Pages：Settings → Pages → main 分支 → Save
• 注意这需要 Claude Pro 或 Max 计划（含 Claude Code），免费版不行

第二轮：4 GB 机器也能流畅跑 3D

• 用 three.js 做了一个可拖拽旋转、缩放的 3D 剪纸彩旗场景，整个场景就一个 HTML 文件加一个库
• 让 Claude 当设计伙伴提改进建议：加实时帧率显示、键盘控制、暖色灯串和星星、标签页隐藏时暂停并限制高分屏清晰度
• Claude 还建议砍掉阴影和 3D 地面——效果好看但渲染开销最大，小机器上「做减法」才是好设计
• 实测数据：3D 场景运行时 60 帧/秒，CPU 从 5% 升到 15%，剩余内存 1.68 GB，温度 41°C

第三轮：把流程画成可播放的动画图表

• 六步流程中只有两步在笔记本上完成（描述需求、打开链接），中间四步都在云端或 GitHub
• 迭代方式是本机测试、用大白话告诉 Claude 哪里不对，Claude 改完再推：加了发光进度线、换品牌色、小屏自动滚动、点击即停自动播放
• 一个细节教训：诊断工具盖住场景标签页时，场景会暂停，第一次测到的其实是「休息状态」而不是工作状态

踩坑与提醒

• 构建中 Wi-Fi 掉过一次，因为工作都在云端，没有造成损失
• Claude 无法从它那边开启 GitHub Pages，这一步必须自己手动点
• 文中数据都是单次读数，不是严格基准测试，参考时注意这一点