01-快速上手指册.md

快速上手指册

欢迎使用前端知识库 AI 助手！本手册帮助你在 5 分钟内开始使用。

系统访问

打开浏览器访问：http://localhost:3001

第一步：确认系统状态

打开页面后，左侧边栏会显示：

• ✅ 知识库统计（文档数量）
• ✅ 文档来源列表

如果显示"615 个文档片段"，说明官方文档已同步完成。

第二步：开始提问

在底部输入框输入问题，按 Enter 发送：

示例问题

React 相关问题：

• "React useState 怎么用？"
• "React useEffect 的依赖数组是什么？"
• "React 的性能优化方法有哪些？"

Vue 相关问题：

• "Vue3 的 ref 和 reactive 有什么区别？"
• "Vue 的组合式函数怎么写？"
• "Vue 的生命周期钩子有哪些？"

TypeScript 相关问题：

• "TypeScript 泛型怎么用？"
• "interface 和 type 的区别是什么？"
• "TS 的类型推断是什么？"

CSS/Tailwind 问题：

• "Tailwind 的 Grid 布局怎么写？"
• "Flexbox 居中怎么实现？"
• "响应式设计怎么写？"

第三步：查看回答和来源

AI 回答后会显示：

1. 回答内容 - 基于知识库生成的答案
2. 参考来源 - 点击可查看原始文档

第四步：上传自定义文档（可选）

如果你想添加公司内部文档：

1. 点击左侧「上传文档」
2. 支持格式：Markdown (.md)、文本 (.txt)、PDF (.pdf)
3. 上传后自动处理并加入知识库

常见问题

Q: 提问后显示"找不到相关信息"

• 检查知识库是否为空（左侧统计应为 615+）
• 尝试使用不同的关键词
• 确认文档已同步完成

Q: 回答不准确怎么办？

• 点击「参考来源」查看原始文档
• 尝试更具体的问题
• 上传更多相关文档

Q: 如何同步最新官方文档？

• 点击左侧「全部同步」按钮
• 等待同步完成（约 5-10 分钟）

快捷键

操作	快捷键
发送消息	Enter
换行	Shift + Enter
清空对话	点击顶部「清空对话」按钮

下一步

• 📖 阅读 维护手册 了解日常管理
• 🚀 阅读 功能路线图 了解未来规划