跳转至

She Nicest 前置工作坊:Vibe Coding入门 + 零门槛部署实战

📋 工作坊基本信息

  • 时间:2024年12月20日 09:00-17:30(8小时全天工作坊)
  • 地点:上海(漕河泾场地)
  • 规模:25-40人
  • 形式:现场工作坊 + 小组实操 + 作品展示
  • 费用:免费(由赞助商支持)
  • 版本:v3.0(Vibe Coding主题)

🎯 核心定位

全天工作坊:从Vibe Coding入门到成功部署上线

  • 抛弃理论,专注实战
  • 核心目标:确保每个零基础参与者都能成功部署上线(解决之前"很多选手都不许上线"的痛点)
  • 一套可复制的工作流程:Vibe Coding入门 → 零门槛部署上线
  • 一个可带走的完整项目上线方案

📅 详细流程(8小时)

第一部分:工具确认(09:00-09:30,30分钟)

  • 09:00-09:10 欢迎与She Nicest介绍
  • 09:10-09:30 工具确认环节
  • 检查必备工具安装情况
  • 现场协助安装和配置
  • 解决常见问题

必备工具清单: - Cursor / Claude Code / 其他AI编程工具 - Node.js / Python运行环境 - GitHub账号 - 部署平台账号(Vercel / EdgeOne Pages / GitHub Pages) - Gemini 3(可选,但推荐)


第二部分:上午教学(09:30-12:30,3小时)

Vibe Coding入门基础(30分钟)

  • 什么是Vibe Coding
  • AI编程工具介绍(Cursor / Claude Code)
  • 第一个Vibe Coding体验

Vibe Coding进阶(60分钟)

  • 产品开发全流程框架
  • 前端开发基础
  • 后端开发基础
  • 实战练习

低门槛本地部署 ⭐核心环节(60分钟)

  • 部署的重要性
  • 零门槛部署方案介绍
  • 国际平台:Vercel、GitHub Pages(可以翻墙的参与者)
  • 国内平台:EdgeOne Pages(不能翻墙的参与者,支持全栈,推荐)
  • 部署实战(分组进行)
  • Vercel部署演示(可以翻墙组)
  • EdgeOne Pages部署演示(不能翻墙组)
  • GitHub Pages部署演示(可选)
  • 确保每个参与者都能成功部署上线(核心目标)

第三部分:午餐(12:30-13:30,1小时)

  • 吃饺子
  • 自由交流和社交

第四部分:下午创作(13:30-17:00,3.5小时)

下午开场(15分钟)

  • 主题介绍(推荐,不卡死):
  • 包容性社会
  • AI4社交
  • AI4女性成长(兜底选项)
  • AI交朋友(兜底大家没想法的话)
  • 模板和资源
  • 组队规则

创作时间(2小时45分钟)

  • 组队vibe coding
  • 主题创作(推荐,不卡死)
  • 互助小组
  • 现场指导和答疑

准备展示(30分钟)

  • 整理作品
  • 准备演示
  • 部署链接确认

第五部分:展示分享(17:00-17:30,30分钟)

  • 每组2-3分钟展示
  • 展示项目亮点和部署链接
  • Workshop总结和后续连接

🛠️ 资源包

工具清单

AI编程工具: - Cursor / Claude Code

部署工具: - 国内可用:EdgeOne Pages(推荐,支持全栈)、腾讯云静态网站、阿里云OSS、华为云OBS、Coding Pages - 国际平台:Vercel、Netlify、GitHub Pages

其他工具: - 设计工具:Figma / Canva - 参考《部署平台调研.md》文档了解更多选项

代码模板

  • 基础Web应用模板
  • AI聊天应用模板
  • 社交平台模板

学习资源

  • 在线课程
  • 技术文档
  • 社区资源
  • 工具推荐

✅ 成功保障措施

技术预案 ⭐核心调整

零门槛部署方案(核心保障): - 国际平台:Vercel、GitHub Pages(可以翻墙的参与者) - 国内平台:EdgeOne Pages(不能翻墙的参与者,支持全栈) - 跳过域名购买和服务器配置两大门槛(这两步卡住了很多人) - 完全免费,按需计费(不用时不占用资源) - 直接获得可访问的线上链接 - 确保每个零基础参与者都能成功部署上线(核心目标)

其他技术保障: - 准备备用AI工具(国内可访问版本) - 提前录制工具使用短视频,现场扫码观看 - 提供图文版操作指南 - 邀请技术平台合作方专家现场指导 - 准备备用部署方案(如国内可访问的低代码平台)

体验保障

  • 每组确保有1名有AI使用经验的成员
  • 助教随时提供一对一帮助
  • 简化产出要求:不求完美,但求完整

时间控制

  • 严格计时,每个环节有明确提醒
  • 设置"快速通道":提前完成的小组可进入进阶任务
  • 关键步骤提供模板,减少决策时间

🔗 后续连接设计

当天连接

  • 建立微信社群,分享作品和部署链接
  • 发布"从0到1项目上线30天挑战"

与黑客松的连接

  • 工作坊参与者组队优先权
  • 设置"最佳部署上线项目"特别奖(鼓励成功上线的项目)
  • 提供部署上线技术支持Office Hour

🎯 为什么这个版本有效

1. 高度聚焦

  • 核心问题:解决之前"很多选手都不许上线"的痛点,确保每个零基础参与者都能成功部署上线
  • 完整流程:Vibe Coding入门 → 零门槛部署上线(两个核心环节)
  • 两个核心产出:Vibe Coding项目 + 可访问的线上链接

2. 极低门槛 ⭐核心优势

  • 无需任何设计基础
  • 无需域名和服务器购买(跳过两大门槛)
  • 工具完全免费或低成本
  • 模板化操作流程
  • 确保每个零基础参与者都能成功部署上线

3. 可立即应用

  • 流程可复制到任何个人或项目
  • 资源包持续更新
  • 社群提供持续支持

4. 支持全栈开发

  • EdgeOne Pages支持全栈开发(前后端)
  • 可以部署完整的动态网站
  • 支持多种前端框架

📦 最终产出

每位参与者将带走:

  1. Vibe Coding项目经验
  2. 一个可访问的线上部署链接(核心成果)
  3. 一套可复制的AI工具流程+部署方案
  4. 一个持续更新的资源库
  5. 一个同行者社群

📚 前置准备

前置文档

前置文档内容

  1. 工具安装指南(很细)
  2. Cursor / Claude Code 安装
  3. Node.js / Python 安装
  4. GitHub账号注册
  5. 部署平台账号准备
  6. Gemini 3安装指南(避免翻墙相关表述)

  7. Vibe Coding入门

  8. 什么是Vibe Coding
  9. 产品开发全流程框架
  10. AI编程工具使用
  11. 前端开发基础
  12. 后端开发基础
  13. 第一个Vibe Coding项目

  14. 低门槛本地部署

  15. 部署的重要性
  16. Vercel部署教程
  17. EdgeOne Pages部署教程(国内可用,支持全栈)
  18. GitHub Pages部署教程(适合静态网站)
  19. 其他部署平台

  20. 进阶学习资源

  21. 学习路径
  22. 推荐资源
  23. 实践项目

  24. 常见问题FAQ

  25. 工具安装问题
  26. 开发问题
  27. 部署问题

这个版本以 "最小可行产品" 思维设计,用最少的时间与资源,提供最大的实用价值,完全符合She Nicest的"友善创新"理念——让每个人都能成功上线自己的项目,解决之前"很多选手都不许上线"的痛点,真正实现从想法到上线的完整闭环。


创建时间:2024年12月11日
最后更新:2024年12月11日
版本:v3.0(Vibe Coding主题)