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支持全栈开发(前后端)
- 可以部署完整的动态网站
- 支持多种前端框架
📦 最终产出¶
每位参与者将带走:
- Vibe Coding项目经验
- 一个可访问的线上部署链接(核心成果)
- 一套可复制的AI工具流程+部署方案
- 一个持续更新的资源库
- 一个同行者社群
📚 前置准备¶
前置文档¶
前置文档内容¶
- 工具安装指南(很细)
- Cursor / Claude Code 安装
- Node.js / Python 安装
- GitHub账号注册
- 部署平台账号准备
-
Gemini 3安装指南(避免翻墙相关表述)
-
Vibe Coding入门
- 什么是Vibe Coding
- 产品开发全流程框架
- AI编程工具使用
- 前端开发基础
- 后端开发基础
-
第一个Vibe Coding项目
-
低门槛本地部署
- 部署的重要性
- Vercel部署教程
- EdgeOne Pages部署教程(国内可用,支持全栈)
- GitHub Pages部署教程(适合静态网站)
-
其他部署平台
-
进阶学习资源
- 学习路径
- 推荐资源
-
实践项目
-
常见问题FAQ
- 工具安装问题
- 开发问题
- 部署问题
这个版本以 "最小可行产品" 思维设计,用最少的时间与资源,提供最大的实用价值,完全符合She Nicest的"友善创新"理念——让每个人都能成功上线自己的项目,解决之前"很多选手都不许上线"的痛点,真正实现从想法到上线的完整闭环。
创建时间:2024年12月11日
最后更新:2024年12月11日
版本:v3.0(Vibe Coding主题)