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

简介:

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

你将学到:

1. ChatGPT写需求、做方案设计

4. NotionAI 快速写文章、写博客

2. ChatGPT快速写代码,并做优化

5. AIGC 做内容的其他常用工具

3. Copilot 一键智能生成代码

6. Al 使用技巧,Prompt 优化

适合人群

软件开发人员

互联网从业者

对 AI 感兴趣的人员

技术储备

熟悉 HTML CSS JS(必须)

了解 Vue3 技术栈(必须)

对 AI 感兴趣(必须)

环境参数

Vue 3.3

章节目录:

第1章 课程简介 & 正确看待 AI

2 节|16分钟

收起

视频:

1-1 -导学

试看

04:41

视频:

1-2 -理性认识AI-它是一个工具,它需要主人

10:42

第2章 认识常用 AI 工具,入门到实战

16 节|109分钟

收起

图文:

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-智能代码编辑器,集成了GPT4

14:27

视频:

2-13 -Prompt优化-全面精准的提问,可以让AI更好的理解你的意图

05:15

视频:

2-14 -AI和搜索引擎的区别-两者是完全不一样的

05:02

视频:

2-15 -国内AI工具介绍

02:41

图文:

2-16 章总结

第3章 使用 ChatGPT 写项目需求,设计技术方案

12 节|77分钟

收起

图文:

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接口代码-part1

11:13

图文:

3-12 章总结

第4章 项目开发 part1(以 ChatGPT 为主)

15 节|114分钟

收起

图文:

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 为主)

19 节|136分钟

收起

视频:

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 -创建和编辑博客,通过判断id来修改标题

05:17

视频:

5-18 -使用Copilot一键生成提交博客的代码,逻辑准确

05:19

图文:

5-19 项目开发 - 总结

第6章 使用 ChatGPT 做项目优化和测试

8 节|62分钟

收起

图文:

6-1 章开始

视频:

6-2 -使用ChatGPT优化SearchInput组件代码,用watch代替watchEffect

06: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 优化和测试 - 总结

第7章 AIGC 做副业,成本低 效率高

10 节|56分钟

收起

图文:

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分钟

收起

图文:

8-1 章开始

视频:

8-2 -AI的版权问题

04:18

视频:

8-3 -AI信息泄漏问题

04:56

视频:

8-4 -AI诈骗问题

04:01

图文:

8-5 章总结

历史上的今天
06月
16
    抱歉,历史上的今天作者很懒,什么都没写!
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。