课程介绍
这门课以一个 AI 多模态全栈项目为主线，把 AI 辅助设计、AI 辅助编程和前后端开发串在一起。开头梳理 AI 发展趋势、算力与模型等基础术语、国内外主流大语言模型以及多模态 AI 的区别，并以豆包聊天、WPS AI 等产品为例明确项目定位与核心功能；接着讲需求分析与需求文档编写，用 MasterGo AI 绘制项目核心界面并优化网页细节。
技术栈部分系统讲解 Vue3.5（生命周期、响应式系统、组合式 API、路由、Pinia、自定义指令、虚拟 DOM 与 Diff、模板编译）、Node.js 核心模块与模块化、异步 IO 和事件循环、Express 路由与中间件、MySQL 与 SQL，以及 Vite 的热更新、插件机制和生产环境构建优化。AI 编程部分对比国内外主流工具，讲 Cursor、通义灵码和 Trae 的用法，并系统讲提示词的构建原则、分类、不同编程场景的写法与迭代优化。
项目实战阶段用 Vite 创建 Vue3.5 项目并引入 Element Plus，封装 axios 与路由；后端基于 Node.js 设计接口规范和用户、聊天、提示词、文章等数据表，用 ApiFox 管理接口，实现 JWT 登录注册与前后端鉴权。随后接入豆包对话与深度思考模型实现流式聊天、Markdown 渲染和多轮对话，接入语音合成与 WebSocket、语音识别输入，用富文本编辑器做 AI 写作笔记，再接入文生图模型完成图片生成与收藏管理，最后测试修复并用 Devbox 部署上线。
课程目录
第1章 MasterGo AI+Cursor辅助开发多模态全栈项目 — 课程导学
1-1 多模态全栈项目实战–课程导学
第2章 AI 智能时代，全栈开发技能 + 多模态 AI 项目才是硬核竞争力
2-1 AI工具链驱动全栈开发：未来软件趋势与竞争力
2-2 为什么企业对 “全栈开发 + AI 多模态项目” 复合人才需求量越来越大？
2-3 “全栈开发 + AI多模态项目”融合开发技术全景图
第3章 AI 浪潮下多模态探索 — 核心概念与应用场景
3-1 智能革命爆发：AI发展概论及未来趋势
3-2 AI 基础术语解析：算力、模型、数据、算力
3-3 国内外主流大语言模型（LLM）对比介绍
3-4 什么是多模态AI，文本图像语音大模型之间的区别有哪些？
3-5 豆包聊天、WPS AI 工具等案例剖析，带你明确项目定位与核心功能
第4章 AI 多模态全栈项目 — 需求分析与网页设计
4-1 如何结合用户需求进行项目需求分析，编写高质量需求文档
4-2 MasterGo AI 工具介绍与使用方法
4-3 借助 MasterGo AI 工具绘制多模态AI项目核心界面
4-4 如何优化与完善网页细节，轻松打造精品网页？
第5章 前端热门框架 — Vue3.5 最新版系统入门与进阶
5-1 初识Vue3.5 框架，洞悉框架特性与应用
5-2 掌握 Vue3.5 生命周期钩子函数
5-3 Vue 3.5 模版语法：构面动态交互界面
5-4 Vue 3.5 响应式系统实战：理解数据驱动原理，实现视图自动更新
5-5 熟悉 Vue3.5 监听属性和计算属性
5-6 Vue3.5 组件化开发实践
5-7 Vue3.5 组合式API核心特征与自定义组合式API
5-8 Vue3.5 路由导航实战解析
5-9 学会Pinia 状态管理，实现跨组件共享数据
5-10 Vue 3.5 项目常见报错解析与解决方案
5-11 基于Vue3.5 框架实现 ToDoList
5-12 Vue3.5 封装全局自定义指令
5-13 Vue3.5 双向数据绑定与响应式原理剖析
5-14 虚拟 DOM 与Diff 算法剖析
5-15 Vue3.5 模板编译底层逻辑与运行机制详解
第6章 后端热门技术 — Node.js 最新版系统入门与进阶
6-1 后端开发技术栈：为什么选择 Node.js
6-2 Node.js 核心模块：fs 模块原理与应用，读取和写入文件内容
6-3 Node.js 核心模块path ，使用 path 模块处理路径
6-4 Node.js 核心模块：HTTP 模块原理与应用
6-5 利用 Http 创建一个基本 web 服务器
6-6 理解 Node.js 模块化基础概念与作用
6-7 理解Node.js 模块化不同语法及它们的区别
6-8 Node.js 模块加载机制底层实现原理剖析
6-9 Node.js 异步 IO 原理解析
6-10 Node.js 事件循环机制详解
6-11 Node.js 安全开发与漏洞防范
第7章 Node.js 轻量级 Web 应用框架 — Express 框架系统入门与进阶
7-1 初识Express 框架 — 洞悉框架特性
7-2 Express 框架基础配置
7-3 利用 Express 框架处理请求方法及请求参数
7-4 理解 Express 路由与传参
7-5 理解 Express 路由分组方法
7-6 Express 中间件介绍，理解中间件分类及作用
第8章 MySQL 数据库基础与实践应用
8-1 MySQL 数据库基础与实践应用： 核心概念介绍
8-2 MySQL 安装与表的基础操作，熟练完成数据库安装、表创建、字段管理等基础操作
8-3 SQL 语句核心精讲与实践上 ，熟悉 SQL 语法实现高效数据处理
8-4 SQL 语句核心精讲与实践下，熟悉 SQL 语法实现高效数据处理
8-5 Express 与 MySQL 联动开发中常见报错处理
8-6 实现 Express 与 MySQL 联动开发添加和查询用户信息接口
第9章 国内外 AI 辅助编程工具对比介绍及其应用
9-1 国内外主流 AI 辅助编程工具概览与对比，了解不同AI编程工具的特点
9-2 Cursor 工具介绍与基本操作
9-3 结合Cusor编程优化开发工作流，构建高效开发工作流
9-4 通义灵码：阿里云的智能编码利器，使用教程与实践
9-5 字节跳动推出的AI编程工具 Trae ，工具介绍与基本操作
9-6 Trae 编程工具进阶技巧，高效应用AI 辅助编程
9-7 使用 Cursor 和 Trae 分别实现简化版 AI 聊天后台管理系统，提高AI辅助编程
第10章 高效提示词编写全攻略 — 从基础到场景实践
10-1 提示词基础认知与重要性，了解提示词工程
10-2 提示词构建的基本原则，学会构建高质量提示词
10-3 提示词分类与适用场景，了解不同场景下的提示词
10-4 不同编程场景下的提示词写法，根据特定场景准确编写提示词
10-5 提示词的优化与迭代技巧，持续提升代码质量
第11章 前端工程化加速引擎 — Vite 从基础到进阶攻略
11-1 Vite 基础入门与核心优势，掌握 Vite 快速上手与项目初始化
11-2 Vite 核心功能深度解析，理解热更新与静态资源管理技巧
11-3 Vite 配置文件与基础优化，掌握基础配置与环境定制
11-4 Vite 插件系统，掌握插件机制
11-5 Vite 生产环境构建与性能优化，实现代码分包与体积优化
第12章 AI 多模态全栈项目 — 前端项目架构搭建与配置
12-1 Vite 创建 Vue3.5 初始化项目，规划项目目录结构引入 Element plus 组件库
12-2 公共组件封装与全局样式初始化，提炼复用组件统一样式开发规范
12-3 封装 axios 请求，实现请求拦截及响应拦截方法
12-4 项目中高频工具函数封装，方便项目开发中重复取用
12-5 项目中页面组件拆分和Vue Router路由配置，掌握组件拆分思路
第13章 AI 多模态全栈项目实战 — 后端项目架构与数据库设计
13-1 Node.js 项目初始化与目录规划，实现后端启动
13-2 创建 HTTP 服务，实现前后端通信与请求处理
13-3 制定接口设计规范及拆解业务场景，提升前后端协作效率
13-4 ApiFox 接口管理工具实用技巧
13-5 控制器处理请求与数据操作，掌握控制器层业务逻辑处理能力
13-6 完成用户&聊天信息表结构设计，掌握数据库表结构设计
13-7 完成提示词&文章表结构设计，掌握数据库表结构设计
第14章 AI 多模态全栈项目实战 — 登录注册功能实现
14-1 登录页开发，实现前端页面
14-2 登录&注册接口&头像上传功能开发
14-3 JWT 原理讲解与 Token 生成验证
14-4 前后端鉴权全流程讲解
14-5 登录注册接口联调，实现登录注册功能
第15章 AI 多模态全栈项目实战 — 接入豆包文本生成模型，智能聊天和信息管理功能开发
15-1 对 AI 聊天界面进行布局优化，掌握界面优化技巧
15-2 会话列表管理接口开发，掌握对话列表接口开发能力
15-3 会话列表管理接口联调，完成功能点数据交互逻辑
15-4 了解豆包对话模型和深度思考模型 API 的输入输出格式，明确模型输入参数配置
15-5 接入 豆包对话模型和深度思考模型，实现数据流式响应
15-6 接入模型实现AI聊天功能，处理流式响应并实现逐字渲染
15-7 AI答案解析与美化，掌握Markdown 渲染与表格美化技巧
15-8 AI聊天添加多轮对话功能，管理历史对话内容
15-9 后端分页和前端长列表加载数据，解决聊天记录过多时页面卡顿问题
第16章 AI 多模态全栈项目实战 — 聊天功能扩展与提示词管理功能开发
16-1 了解豆包语音合成模型 — 输入输出格式
16-2 实现语音合成功能与WebSocket 核心解析
16-3 聊天记录功能扩展（复制 聊天记录转图片）
16-4 聊天记录下载预览页面加水印，熟悉加水印方法
16-5 收藏聊天信息接口开发，包括收藏, 取消收藏，获取收藏列表接口
16-6 收藏聊天信息前端展示及接口联调，实现收藏功能优化客户端数据查看体验
16-7 我的提示词管理和提示词分组功能接口开发,掌握提示词接口开发实战技能
16-8 我的提示词分组管理功能实现，掌握如何对提示词进行分类管理
16-9 我的提示词管理功能实现，轻松对个人提示词进行增删改查
16-10 实现输入框智能提示词搜索，提高用户操作效率
第17章 AI 多模态全栈项目实战 — 构建智能笔记工具，掌握 AI 写作与笔记管理
17-1 文字编辑工具，WantEditor 富文本编辑器的使用场景和方法
17-2 集成 WantEditor 富文本编辑器，实现自定义工具栏
17-3 自定义AI写作弹窗工具 , 并通过快捷键唤出AI写作弹窗
17-4 调用豆包文本生成模型实现 AI 写作，掌握 AI 写作交互实现技巧
17-5 熟悉豆包语音识别模型，了解该模型输入输出格式
17-6 接入语音识别模型API，通过语音识别实现快速输入文本
17-7 文章列表管理接口开发，作为前端页面管理文章列表数据入口
17-8 文章列表管理功能实现，方便用户管理个人笔记
第18章 AI 多模态全栈项目实战 — 打造图像生成功能，掌握从文本到图像的智能创作
18-1 文生图界面布局优化，提升用户体验
18-2 了解豆包文生图模型 API 的输入输出格式，明确输入参数配置
18-3 封装豆包文生图模型 API，掌握豆包文生图模型接入方法
18-4 图片管理接口开发，包括收藏、取消收藏、获取收藏列表接口
18-5 图片管理功能实现，掌握图片管理交互逻辑
18-6 图片收藏，取消收藏、获取并渲染图片列表功能实现
18-7 实现收藏图片列表懒加载和加载后端更多图片功能
第19章 AI 多模态全栈项目实战 — 测试与部署
19-1 功能点测试，确保项目功能正常运行
19-2 针对测试中的问题进行修复，确保项目的稳定性和可靠性
19-3 使用快速部署上线工具 Devbox 完成项目部署，确保用户稳定访问
第20章 课程总结
20-1 课程总结，整合全栈技术形成多模态 AI 项目实战能力
配套资料
课件资料
