
本课程是一套专为纯小白设计的AI编程商业化实战指南,旨在让零基础学员通过“只动口不动手”的方式快速掌握AI编程技能并实现变现。课程从环境搭建(Node.js/VSCode/Git/Claude Code安装)入手,详细讲解CC-Switch配置与智谱模型接入;通过个人简历网站、单词消消乐、货币转换器、番茄计时器等6个实战案例,手把手教学从需求描述到代码生成的完整流程;同时提供EdgeOne Pages免费部署教程,让作品一键上线。最后通过真实商单案例拆解(学生期末作业),完整展示从需求分析到交付的全过程,帮助学员打通“学习→实操→接单”的商业化闭环。
适合人群
完全不懂代码但想入局AI编程的纯小白
希望通过AI工具接单变现的副业人群
需要快速制作网页工具的学生、职场人
想用AI降低开发成本的创业者、自媒体人
学习收获
掌握Claude Code等AI工具的核心用法,10分钟生成完整网页应用
学会EdgeOne Pages免费部署技能,让作品拥有全球可访问的域名
打通商单接洽全流程,具备独立完成客户需求的能力
课程目录
一、AI编程没你想的那么神秘 给小白的定心丸 学习核心原则:首问AI!首问AI!首问AI!
二、最适合小白的路线图 环境工具安装 → 随便做个垃圾 → 不停地做出更多垃圾 → 熟能生巧
三、前置准备工作(1d) 科普:命令提示符(Windows)与终端(Mac)的概念 视频教程:[1_Windows环境安装.mp4] 安装Node.js(下载链接+验证命令) 安装VSCode(下载链接+注意事项) 安装Git(下载+图文安装步骤) 第一次作业:提交Node.js安装与验证截图、VSCode安装截图 安装Claude Code(Windows/Mac命令+验证) 配置模型:安装cc-switch(下载链接+配置教程) 购买模型:注册智谱账号+获取API Key+订阅套餐 接入模型:cc-switch配置智谱模型+验证接入成功 第二次作业:提交Claude Code安装截图、cc-switch配置截图、与Claude对话截图
四、Claude Code如何用(1d) VsCode插件模式(安装官方Claude Code插件+配置开关) 文字交互模式(Plan mode / Bypass permissions / Ask before edits / Edit automatically详解) 图片交互模式(直接复制粘贴图片)
五、案例实战(6d) 个人简历网站(视频:[2_个人简历网站2x.mp4]) 第三次作业:提交作品截图 中英文单词消消乐网页版(视频:[3_中英文单词消消乐网页版_2x.mp4]) 第四次作业:提交作品截图 多国货币转换器小工具网页版(视频:[4_货币转换工具.mp4]) 第五次作业:提交作品截图 番茄计时器工具网页版(视频:[5_番茄钟.mp4]) 第六次作业:提交作品截图 工具集合站(把四个网站合并成一个导航站)(视频:[6_工具集合站.mp4]) 第七次作业:提交作品截图
六、发布网站(1d) 视频教程:[7_部署.mp4] EdgeOne Pages介绍(国内站/国际站+主要优势) 准备工作(项目文件结构要求) 注册账号(微信扫码注册) 发布网站步骤(登录→直接上传→创建项目→部署→预览) 项目设置(修改名称+自定义域名) 更新网站(新建部署+重新上传) 第八次作业:发布任意作品上线,提交域名和网站截图
七、商单实战案例 真实案例:学生期末作业需求拆解 完整需求文档(HTML5语义化标签+CSS外部样式表+500行代码+响应式布局等要求) 实操步骤: 1. 新建项目文件夹 2. VSCode打开文件夹 3. 复制需求给Claude Code 4. AI自动生成完整网站 5. 成品展示(首页+详情页+导航+图文混排) 商单案例展示:两个H5页面链接
八、结语:干就完了 持续学习的重要性 AI时代的机遇 鼓励语:动起来就超过大部分人









