AI+Codex入门到实战教程（Windows桌面版IDE）

【基础课部分】

AI+Codex基础教程（Windows桌面版IDE）

讲解如何实战一个公司项目，前端vue，后端node，数据库mysql

讲解Codex开发工具如何下载，如何安装。

Codex开发工具如何使用，如何设置。

Codex开发工具中如何创建自己的AGENTS和rules规则，如何使用规则。

Codex中如何创建用于生成母婴用品公司网页的AGENTS文档

Codex中使用AGENTS生成母婴用品公司网页

Codex中AGENTS转换成技能Skills

技能skills的基础语法，如何创建技能skills

Codex中安装使用ui-ux-pro-max技能和生成网页

Codex中使用自定义skills技能生成公司网页

【实战部分】

项目概览

- 前端：Vue 3 + Vite + Vue Router + Pinia

- 后端：Node.js + Express

- 数据库：MySQL 8

- UI：本地 Bootstrap + Font Awesome

- 富文本：wangEditor

目录结构

- `frontend`：前台站点与后台管理前端

- `backend`：API、数据库初始化、文件上传、静态资源服务

- `lib`：用户提供的 Bootstrap 与 Font Awesome 原始资源

- `uploads`：用户提供的演示图片素材

初始化行为

- 后端启动时会自动检测数据库表是否存在

- 如表为空，会自动写入茶叶行业示例数据

- 会自动创建演示管理员账号：

  - 用户名：`admin`

  - 密码：`admin123456`