课程简介

使用 ChatGPT + Copilot 快速开发 Vue3 仿简书项目，90% 代码由 AI 生成，效率质量双提升

“未来可能让你失业的不是 AI ，而是你身边懂 AI 的同事” 对于开发而言学习AI已经迫在眉睫。本课程带你使用 ChatGPT + Copilot 等 AI 工具，从 0 到 1 开发一个 Vue3 仿简书项目，体验以 3 倍速度完成项目的需求、设计、开发、优化和测试，全面碾压“人肉”开发。让你轻松掌握开发工作提效方法，快速提升职场竞争力

课程目录

• 第1章 课程简介 & 正确看待 AI
• [1.1]–1-1 -导学
• [1.2]–1-2 -理性认识AI-它是一个工具，它需要主人
• 第2章 认识常用 AI 工具，入门到实战
• [2.10]–2-11 -Github Copilot实战-通过注释智能生成代
• [2.11]–2-12 -介绍Cursor-智能代码编辑器，集成了GPT4
• [2.12]–2-13 -Prompt优化-全面精准的提问，可以让AI更好的理
• [2.13]–2-14 -AI和搜索引擎的区别-两者是完全不一样的
• [2.14]–2-15 -国内AI工具介绍
• [2.1]–2-2 -ChatGPT为何能一夜走红？
• [2.3]–2-4 -关于ChatGPT Plus和GPT4.0 – 我暂不
• [2.4]–2-5 -ChatGPT实战-写一个前端简历，快速且全面
• [2.5]–2-6 -ChatGPT实战-润色简历文案，看起来更正式
• [2.6]–2-7 -ChatGPT实战-写TodoList项目需求，它想的
• [2.7]–2-8 -ChatGPT实战-设计TodoList项目的组件，它
• [2.8]–2-9 -介绍微软NewBing – 时效性好，但回答的太简洁
• [2.9]–2-10 -介绍Github Copilot – 最流行的AI编
• 第3章 使用 ChatGPT 写项目需求，设计技术方案
• [3.10]–3-11 -使用Copilot快速生成API接口代码-part1
• [3.1]–3-2 -本课程对于讲师和学员都具有挑战性
• [3.2]–3-3 -使用ChatGPT写项目需求大纲-它考虑的非常全面
• [3.3]–3-4 -根据ChatGPT的生成结果，提取核心功能
• [3.4]–3-5 -使用ChatGPT根据需求，分析需要多少页面
• [3.5]–3-6 -搭建Vue3开发环境
• [3.6]–3-7 -使用ChatGPT做技术方案设计-先切换它的角色为前端
• [3.7]–3-8 -使用ChatGPT生成路由配置，并用Copilot快速
• [3.8]–3-9 -使用ChatGPT根据需求设计API接口
• [3.9]–3-10 -使用ChatGPT快速生成axios配置和API代码(1)
• [3.9]–3-10 -使用ChatGPT快速生成axios配置和API代码
• 第4章 项目开发 part1（以 ChatGPT 为主）
• [4.10]–4-11 -使用Copilot快速写出登录功能和API接口代码
• [4.11]–4-12 -介绍Vue3状态管理，Pinia 代码演示
• [4.12]–4-13 -使用Copilot快速生成Pinia代码，存储和管理
• [4.13]–4-14 -使用Copilot生成代码，获取用户信息
• [4.14]–4-15 -在导航栏显示用户信息，并实现注销功能
• [4.1]–4-2 -使用ChatGPT尝试生成导航栏代码-效果非常好
• [4.2]–4-3 -使用ChatGPT生成模板主体的代码
• [4.3]–4-4 -使用ChatGPT生成usePageTitle函数，修
• [4.4]–4-5 -使用ChatGPT生成导航菜单，并能根据url参数实时
• [4.5]–4-6 -使用ChatGPT生成搜索组件代码，清晰的指令即得准确
• [4.6]–4-7 -抽离登录和用户信息组件
• [4.8]–4-9 -使用Copilot快速写出注册逻辑和API接口代码
• [4.9]–4-10 -使用ChatGPT生成登录页的代码，并调整优化
• 第5章 项目开发 part2（以 Copilot 为主）
• [5.10]–5-10 -使用Copilot快速开发点赞和收藏功能，包括UI和
• [5.11]–5-11 -使用ChatGPT快速生成评论数据，并写出API接口
• [5.12]–5-12 -使用Copilot自动生成评论列表的代码，包括模板和
• [5.13]–5-13 -使用Copilot快速开发删除评论的功能，自动执行A
• [5.14]–5-14 -使用Copilot快速开发创建评论功能，CSS样式和
• [5.15]–5-15 -开发我的博客页面，修改标题和判断登录状态
• [5.16]–5-16 -使用Copilot快速生成博客表格，以及其他附加功能
• [5.17]–5-17 -使用Copilot快速开发删除博客功能，并自动重载数
• [5.18]–5-18 -创建和编辑博客，通过判断id来修改标题
• [5.1]–5-1 -开发首页-使用ChatGPT快速生成博客列表API数据
• [5.2]–5-2 -使用Copilot快速获取博客数据，并渲染博客列表
• [5.3]–5-3 -使用ChatGPT生成博客卡片组件的代码
• [5.4]–5-4 -使用ChatGPT继续提问，优化博客卡片组件的样式
• [5.5]–5-5 -使用Copilot一分钟生成一个formatDate时
• [5.6]–5-6 -使用ChatGPT快速开发博客列表的分页功能
• [5.7]–5-7 -使用Copilot快速生成博客API接口代码
• [5.8]–5-8 -使用Copilot获取博客内容，并修改网页标题
• [5.9]–5-9 -使用Copilot展示博客内容，并转换markdown
• 第6章 使用 ChatGPT 做项目优化和测试
• [6.1]–6-2 -使用ChatGPT优化SearchInput组件代码，
• [6.2]–6-3 -使用ChatGPT优化LoginView代码，简化表单
• [6.3]–6-4 -使用ChatGPT优化BlogDetailView代码
• [6.4]–6-5 -使用ChatGPT优化MyBlogsView代码，有几
• [6.5]–6-6 -使用ChatGPT优化CreateEditBlogVi
• [6.6]–6-7 -向ChatGPT咨询性能优化的建议，它能结合上下文给出
• [6.7]–6-8 -性能优化-配置路由懒加载，抽离公共代码
• [6.8]–6-9 -使用ChatGPT生成详细的测试用例，用于功能测试
• 第7章 AIGC 做副业，成本低 效率高
• [7.1]–7-2 -AIGC介绍，它很适合我们做副业
• [7.2]–7-3 -使用ChatGPT，五分钟写出一篇三千字的文章
• [7.3]–7-4 -NotionAI介绍，内嵌到富文本编辑器中的AI工具
• [7.4]–7-5 -NotionAI实战，快速写出一篇文章
• [7.5]–7-6 -使用Midjourney生成图片
• [7.6]–7-7 -使用Stable-Diffusion生成图片
• [7.7]–7-8 -使用一帧秒创，通过文本生成视频
• [7.8]–7-9 -使用腾讯智影，通过文本生成视频
• 第8章 AI 的风险和问题
• [8.1]–8-2 -AI的版权问题
• [8.2]–8-3 -AI信息泄漏问题
• [8.3]–8-4 -AI诈骗问题
• 课件
• 课程源码
• (2.1)–2-1 章开始
• (2.2)–2-16 章总结
• (3.1)–3-1 章介绍
• (4.1)–4-1 章开始
• (5.1)–5-21 项目开发 – 总结
• (6.1)–6-1 章开始
• (6.2)–6-10 优化和测试 – 总结
• (7.1)–7-1 章开始
• (7.2)–7-10 章总结
• (8.1)–8-1 章开始
• (8.2)–8-5 章总结