README

AI 辅助开发 Vue3 博客项目

需求分析

AI 角色：资深产品经理

需求大纲

Ask：你是一位互联网行业的资深产品经理，现在需要开发一款类似简书、掘金的博客产品，请你进行需求分析，列出需求大纲。只考虑博客产品的核心功能。

核心功能

由需求大纲提取核心功能，如：

1. 用户模块

   • 用户注册/登录
   • 个人信息维护(昵称/头像/简介)

2. 文章模块

   • 创建/编辑/删除文章
   • Markdown编辑器
   • 文章列表展示
   • 文章详情页

3. 交互模块

   • 评论功能
   • 点赞功能
   • 关注功能

4. 搜索功能

   • 基础搜索(标题/内容)

页面设计

Ask：由以上核心功能，进行页面设计，说说大概需要多少个页面？

技术选型

Vue3 + Vue-router + Pinia + ElementPlus

搭建开发环境

npm create vue@latest

使用 ElementPlus

npm install element-plus --save

路由设计

AI 角色：资深 Vue3 前端工程师

Ask：使用 vue-router 给出这些页面的配置

详见：ai-demo\vue3-blog\src\router\index.js

创建页面

src/
├── router/
│   └── index.js
└── views/
    ├── Home.vue
    ├── Search.vue
    ├── NotFound.vue
    ├── auth/
    │   ├── Login.vue
    │   └── Register.vue
    ├── article/
    │   ├── ArticleDetail.vue
    │   └── Editor.vue
    └── user/
        ├── UserProfile.vue
        └── Settings.vue

Agent：按照相应的页面结构，创建各个 vue 页面，其中给出简单的文字展示。

Agent：修改 App.vue 文件，使得使用了这些页面。

API 设计

配置 axios