⏱ 本页预计时间
阅读 8 分钟
5.1 做一个简单的网站
目标:1 小时内上线一页式网站,体验 AI 生成 + 人工微调的流程。
这是入门 AI 编程最快获得成就感的项目。你将体验从「描述需求 → AI 生成代码 → 浏览器预览 → 微调优化 → 部署上线」的完整流程。可以是个人介绍、产品功能页或活动宣传页。
🎯 成品要求
- 有清晰的信息层级(Hero、介绍、案例、CTA 等)
- 至少包含一个可交互组件(按钮、表单、链接)
- 可通过公开地址访问(Vercel / Netlify / Lovable Share Link)
- 在移动端和桌面端都能正常浏览
🧰 准备工作
1. 选择工具
- Lovable.dev(推荐新手):注册后直接在线生成,零配置,适合快速验证想法
- Cursor/Trae(推荐想学代码的人):本地开发,方便查看和修改代码,适合后续深度定制
2. 准备素材
在开始前准备好这些内容,可以大幅提升效率:
- 视觉素材:头像、Logo、产品截图、案例图片
- 文案内容:
- 个人/产品介绍(2-3 句话)
- 核心技能/功能(3-5 个要点)
- 案例展示(1-3 个)
- 联系方式(邮箱、社交媒体)
- 设计偏好:参考网站截图或配色方案(可选)
3. 注册账号
- GitHub(https://github.com/):保存代码
- Vercel(https://vercel.com/):免费部署网站
🛠️ 实践步骤
正在检查访问权限...
学习进度0%
0/60 篇已完成
Last updated on