免费资源网mksz684-程序员的 AI 启蒙课，ChatGPT 辅助开发 Vue3 项目
“未来可能让你失业的不是 AI ，而是你身边懂 AI 的同事” 对于开发而言学习AI已经迫在眉睫。本课程带你使用 ChatGPT + Copilot 等 AI 工具，从 0 到 1 开发一个 Vue3 仿简书项目，体验以 3 倍速度完成项目的需求、设计、开发、优化和测试，全面碾压“人肉”开发。让你轻松掌握开发工作提效方法，快速提升职场竞争力。
[url=]展开所有 [/url]
第1章 课程简介 & 正确看待 AI
2 节｜16分钟
[url=]展开 [/url]
第2章 认识常用 AI 工具，入门到实战
16 节｜109分钟
[url=]收起 [/url]
- 图文：
2-1 章开始 - 视频：
2-2 -ChatGPT为何能一夜走红？05:44
- 视频：
2-3 -注册ChatGPT，如不成功可使用第三方整合网站11:26
- 视频：
2-4 -关于ChatGPT Plus和GPT4.0 – 我暂不升级05:54
- 视频：
2-5 -ChatGPT实战-写一个前端简历，快速且全面17:35
- 视频：
2-6 -ChatGPT实战-润色简历文案，看起来更正式03:14
- 视频：
2-7 -ChatGPT实战-写TodoList项目需求，它想的更加全面07:18
- 视频：
2-8 -ChatGPT实战-设计TodoList项目的组件，它已是中级程序员水平08:59
- 视频：
2-9 -介绍微软NewBing – 时效性好，但回答的太简洁07:22
- 视频：
2-10 -介绍Github Copilot – 最流行的AI编码工具05:36
- 视频：
2-11 -Github Copilot实战-通过注释智能生成代码08:20
- 视频：
2-12 -介绍Cursor-智能代码编辑器，集成了GPT414:27
- 视频：
2-13 -Prompt优化-全面精准的提问，可以让AI更好的理解你的意图05:15
- 视频：
2-14 -AI和搜索引擎的区别-两者是完全不一样的05:02
- 视频：
2-15 -国内AI工具介绍02:41
- 图文：
2-16 章总结
第3章 使用 ChatGPT 写项目需求，设计技术方案
12 节｜77分钟
[url=]收起 [/url]
- 图文：
3-1 章介绍 - 视频：
3-2 -本课程对于讲师和学员都具有挑战性02:21
- 视频：
3-3 -使用ChatGPT写项目需求大纲-它考虑的非常全面09:22
- 视频：
3-4 -根据ChatGPT的生成结果，提取核心功能06:48
- 视频：
3-5 -使用ChatGPT根据需求，分析需要多少页面05:03
- 视频：
3-6 -搭建Vue3开发环境08:19
- 视频：
3-7 -使用ChatGPT做技术方案设计-先切换它的角色为前端工程师05:19
- 视频：
3-8 -使用ChatGPT生成路由配置，并用Copilot快速写出代码11:37
- 视频：
3-9 -使用ChatGPT根据需求设计API接口03:41
- 视频：
3-10 -使用ChatGPT快速生成axios配置和API代码12:50
- 视频：
3-11 -使用Copilot快速生成API接口代码-part111:13
- 图文：
3-12 章总结
第4章 项目开发 part1（以 ChatGPT 为主）
15 节｜114分钟
[url=]收起 [/url]
- 图文：
4-1 章开始 - 视频：
4-2 -使用ChatGPT尝试生成导航栏代码-效果非常好07:52
- 视频：
4-3 -使用ChatGPT生成模板主体的代码07:24
- 视频：
4-4 -使用ChatGPT生成usePageTitle函数，修改网页标题07:09
- 视频：
4-5 -使用ChatGPT生成导航菜单，并能根据url参数实时更新09:29
- 视频：
4-6 -使用ChatGPT生成搜索组件代码，清晰的指令即得准确的代码07:02
- 视频：
4-7 -抽离登录和用户信息组件02:31
- 视频：
4-8 -使用ChatGPT生成注册表单代码，并调整优化07:27
- 视频：
4-9 -使用Copilot快速写出注册逻辑和API接口代码08:46
- 视频：
4-10 -使用ChatGPT生成登录页的代码，并调整优化07:28
- 视频：
4-11 -使用Copilot快速写出登录功能和API接口代码11:44
- 视频：
4-12 -介绍Vue3状态管理，Pinia 代码演示14:31
- 视频：
4-13 -使用Copilot快速生成Pinia代码，存储和管理用户信息03:07
- 视频：
4-14 -使用Copilot生成代码，获取用户信息07:38
- 视频：
4-15 -在导航栏显示用户信息，并实现注销功能11:06
第5章 项目开发 part2（以 Copilot 为主）
21 节｜154分钟
[url=]收起 [/url]
- 视频：
5-1 -开发首页-使用ChatGPT快速生成博客列表API数据09:15
- 视频：
5-2 -使用Copilot快速获取博客数据，并渲染博客列表07:05
- 视频：
5-3 -使用ChatGPT生成博客卡片组件的代码09:05
- 视频：
5-4 -使用ChatGPT继续提问，优化博客卡片组件的样式04:39
- 视频：
5-5 -使用Copilot一分钟生成一个formatDate时间格式化函数04:00
- 视频：
5-6 -使用ChatGPT快速开发博客列表的分页功能08:02
- 视频：
5-7 -使用Copilot快速生成博客API接口代码09:24
- 视频：
5-8 -使用Copilot获取博客内容，并修改网页标题07:27
- 视频：
5-9 -使用Copilot展示博客内容，并转换markdown格式05:50
- 视频：
5-10 -使用Copilot快速开发点赞和收藏功能，包括UI和业务逻辑07:42
- 视频：
5-11 -使用ChatGPT快速生成评论数据，并写出API接口代码05:46
- 视频：
5-12 -使用Copilot自动生成评论列表的代码，包括模板和样式08:58
- 视频：
5-13 -使用Copilot快速开发删除评论的功能，自动执行Ajax请求06:59
- 视频：
5-14 -使用Copilot快速开发创建评论功能，CSS样式和列表保持一直05:37
- 视频：
5-15 -开发我的博客页面，修改标题和判断登录状态10:35
- 视频：
5-16 -使用Copilot快速生成博客表格，以及其他附加功能14:52
- 视频：
5-17 -使用Copilot快速开发删除博客功能，并自动重载数据07:12
- 视频：
5-18 -创建和编辑博客，通过判断id来修改标题05:17
- 视频：
5-19 -使用ChatGPT快速生成创建和编辑博客的表单10:25
- 视频：
5-20 -使用Copilot一键生成提交博客的代码，逻辑准确05:19
- 图文：
5-21 项目开发 – 总结
第6章 使用 ChatGPT 做项目优化和测试
10 节｜80分钟
[url=]收起 [/url]
- 图文：
6-1 章开始 - 视频：
6-2 -使用ChatGPT优化SearchInput组件代码，用watch代替watchEffect06:48
- 视频：
6-3 -使用ChatGPT优化LoginView代码，简化表单校验逻辑14:59
- 视频：
6-4 -使用ChatGPT优化BlogDetailView代码，使用Computed生成博客内容12:04
- 视频：
6-5 -使用ChatGPT优化MyBlogsView代码，有几个“矫枉过正”的地方09:56
- 视频：
6-6 -使用ChatGPT优化CreateEditBlogView代码，拆分submit函数提高可读性10:31
- 视频：
6-7 -向ChatGPT咨询性能优化的建议，它能结合上下文给出全面回答06:55
- 视频：
6-8 -性能优化-配置路由懒加载，抽离公共代码12:40
- 视频：
6-9 -使用ChatGPT生成详细的测试用例，用于功能测试05:33
- 图文：
6-10 优化和测试 – 总结
第7章 AIGC 做副业，成本低 效率高
10 节｜56分钟
[url=]收起 [/url]
- 图文：
7-1 章开始 - 视频：
7-2 -AIGC介绍，它很适合我们做副业09:51
- 视频：
7-3 -使用ChatGPT，五分钟写出一篇三千字的文章13:18
- 视频：
7-4 -NotionAI介绍，内嵌到富文本编辑器中的AI工具08:37
- 视频：
7-5 -NotionAI实战，快速写出一篇文章04:43
- 视频：
7-6 -使用Midjourney生成图片05:19
- 视频：
7-7 -使用Stable-Diffusion生成图片03:55
- 视频：
7-8 -使用一帧秒创，通过文本生成视频05:29
- 视频：
7-9 -使用腾讯智影，通过文本生成视频04:31
- 图文：
7-10 章总结
第8章 AI 的风险和问题
5 节｜14分钟
[url=]收起 [/url]
- 图文：
8-1 章开始 - 视频：
8-2 -AI的版权问题04:18
- 视频：
8-3 -AI信息泄漏问题04:56
- 视频：
8-4 -AI诈骗问题04:01
- 图文：
8-5 章总结
