← 目录
← → 翻页

Part 1: 环境搭建 + AI 体验

安装 Trae + MCP → 配置工具链 → 你的第一次 AI 对话

本节目标：
搭好开发环境，体验 AI 辅助开发的基本操作。后续所有环节都依赖这个环境。

Trae

免费 AI IDE
支持 MCP 协议

JDK + Maven

Java 17
Maven 3.9+

MySQL + Redis

数据库
缓存/Token

Vue 3 + Vite

前端框架
Element Plus

AI 辅助开发 = 你 + AI 搭档

AI 擅长的

  • 根据描述生成代码
  • 快速定位并修复 Bug
  • 控制浏览器自动获取信息
  • 生成单元测试
  • 帮你配置环境和排查错误

AI 不擅长的

  • 理解模糊的需求
  • 做架构层面的权衡
  • 保证 100% 安全性
  • 理解你的项目上下文
  • 替代你的判断力
核心理念：你负责「做什么」，AI 负责「怎么做」。今天你将从零开始，全程用 AI 搭建一个完整的认证系统。

安装 Trae — 支持 MCP 的 AI IDE

Trae + Chrome DevTools MCP

Chrome DevTools MCP 是本课程的核心工具 — 让 AI 能控制浏览器。

  • Chat 模式 — 问答讨论，不改文件
  • Builder 模式 — AI 直接创建/修改代码
  • Chrome DevTools MCP — AI 打开网页、截图、点击、填表、读页面
本课程的 AI 工具链：Trae（AI IDE）+ Chrome DevTools MCP（浏览器控制）。AI 既能写代码，又能自己打开浏览器验证结果。

安装步骤

1
访问 trae.ai，下载安装 Trae
⬇
2
启动 → 注册 → 打开 AI 面板
⬇
3
配置 Chrome DevTools MCP：设置 → MCP → 添加服务器
⬇
4
验证：让 AI 打开浏览器，截图确认 MCP 正常工作

工具链安装

JDK 17

adoptium.net 下载
配 JAVA_HOME

Maven 3.9+

配阿里云镜像
settings.xml

MySQL 8.0

创建 uas_db
utf8mb4

Redis

Docker 一行启动
docker run redis:7

Node.js 18+ + Vue 3

前端框架
Vite + Element Plus

Chrome + MCP

Chrome DevTools MCP
AI 控制浏览器

遇到报错？把完整错误信息发给 AI，附上你的环境和项目信息。AI 通常能直接给出解决方案。

配置 MySQL MCP

让 AI 能直接操作数据库，无需手动执行 SQL

MySQL MCP 的作用

  • 建库建表 — AI 直接执行 CREATE 语句
  • 查询验证 — AI 查询数据确认业务逻辑
  • 数据初始化 — AI 插入测试数据
优势：AI 生成 SQL 后直接执行，不用复制粘贴到 MySQL 客户端。

配置步骤

1
确保 MySQL 服务已启动
⬇
2
Trae 设置 → MCP → 添加服务器
⬇
3
填写连接信息：host、port、user、password
⬇
4
验证：让 AI 执行 SHOW DATABASES;

第一次 AI 协作：创建空项目

用 Trae Builder 模式让 AI 帮你生成项目骨架

在 Builder 模式中输入：

请帮我用 Spring Boot 3 + Java 17 创建一个项目骨架。要求： 1. Maven 多模块结构 2. 主模块 + 通用模块 + 业务模块 3. 内置 Sa-Token 认证框架依赖 4. 配置 MySQL + Redis 连接 5. 一个测试接口 GET /hello 返回 "Hello UAS"

预期结果

1
AI 生成 pom.xml、Application 类、配置文件
2
审查 diff → Accept 接受
3
mvn clean package 打包
4
java -jar target/*.jar 启动
5
访问 localhost:8081/hello 验证

Part 1 小结

你完成了什么

✓
安装 Trae AI IDE
✓
配置 Chrome DevTools MCP，验证 AI 能控制浏览器
✓
搭建 JDK + Maven + MySQL + Redis 环境
✓
用 AI 生成了第一个 Spring Boot 项目并跑通

下一节

Part 2: Chrome DevTools MCP 获取需求

项目跑起来了，但还不知道要做什么功能。
下一节用 Chrome DevTools MCP 让 AI 自动访问目标系统，抓取需求。

记住：遇到任何报错，第一反应是发给 AI。