1

完整使用文档.md

@@ -4,6 +4,29 @@
 
 ---
 
+## 🎯 Demo 项目
+
+📦 **已提供完整的示例项目**：`demo-project/`
+
+一个开箱即用的完整示例，包含：
+- ✅ 框架集成配置
+- ✅ 登录页面
+- ✅ 主页欢迎页
+- ✅ 业务页面示例（产品列表 CRUD）
+- ✅ Webpack 配置
+- ✅ 详细使用说明
+
+**快速体验**：
+```bash
+cd demo-project
+npm install
+npm run dev
+```
+
+详细说明：[demo-project/README.md](./demo-project/README.md)
+
+---
+
 ## 📑 目录
 
 - [特性](#特性)
@@ -35,6 +58,32 @@
 
 ## 🚀 快速开始
 
+### 🎯 方式一：使用 Demo 项目（推荐新手）
+
+我们提供了一个完整的 **demo-project** 示例项目，可以直接运行查看效果！
+
+```bash
+# 1. 进入 demo 项目
+cd demo-project
+
+# 2. 安装依赖
+npm install
+
+# 3. 启动开发服务器
+npm run dev
+```
+
+浏览器会自动打开 `http://localhost:8080`，查看：
+- `/login` - 登录页面
+- `/home` - 主页
+- `/business/product` - 业务示例页面
+
+**详细说明**：查看 `demo-project/README.md` 和 `demo-project/INSTALL.md`
+
+---
+
+### 🔧 方式二：手动集成到项目
+
 ### 一、打包框架
 
 #### 1. 进入框架目录