Day 1: 环境与 Web 闭环
欢迎来到 Vibecoding 两日特训营的第一天!今天我们将打下坚实的基础,从 Linux 命令行到现代 Web 开发,建立起 AI 辅助编程的完整工作流。
课程安排
| 时间 | 课时 | 主题 | 关键词 |
|---|---|---|---|
| 8:00 | 01 | 模型生态与工具图谱 | LLM 历史, Transformer, 闭源 vs 开源 |
| 8:50 | 02 | Node.js 与包管理 | Runtime, npm, pnpm, nvm |
| 9:50 | 03 | Linux、Git 与安全 | CLI 常用命令, SSH Key, commit 规范 |
| 10:40 | 04 | AI CLI 工具链安装实战 | Cursor, Trae, System Prompt |
| 13:30 | 05 | MCP 协议与 AI 控制浏览器 | Model Context Protocol, Puppeteer |
| 14:20 | 06 | 现代前端开发基础 | HTML5, CSS3, ES6+, DOM |
| 15:20 | 07 | Web 开发实战 (上) | 组件化, 响应式布局, AI 生成 |
| 16:15 | 08 | Web 开发实战 (下) | 交互逻辑, 部署, 工程化 |
学习目标
- 环境掌控: 熟练使用终端 (Terminal) 和包管理器,不再畏惧命令行。
- 工具武装: 搭建起基于 AI 的高效开发环境 (IDE + CLI + Plugins)。
- Web 闭环: 理解从 浏览器请求 到 服务器响应 的全过程,并能亲手构建一个现代网页。