一、让Ai生成代码
帮我实现 HomeView 首页 + Sidebar，并生成代码
然后复制ai生成的代码，粘贴到文件里面
创建 Sidebar.vue
创建 HomeView.vue
更新App.vue
二、启动项目
直接对话，让ai启动项目
访问 http://localhost:5173 可以看到：
- ✅ 顶部导航栏（首页/图谱切换）
- ✅ 侧边栏目录（可折叠）
- ✅ 首页学习路径（四个层级卡片）
- ✅ 节点点击导航
网站页面展示：
源码
在文章最上方，点击下载
【ai开发段永平投资理财的知识图谱网站】第三天：实现 HomeView 首页 + Sidebar 侧边栏
小白蒋博客2026-05-04 8:29
相关推荐
吴佳浩10 小时前
Hermes vs OpenClaw：基于源码的 Agent Loop 全面分析陈鋆10 小时前
Spring AI Framework（二：模块分析）AI袋鼠帝10 小时前
腾讯出手了！彻底入局企业级Agent。和平宇宙10 小时前
AI笔记005. hermes-DeepSeek V4 Pro, 128K上下文引发的探索56AI10 小时前
360 智语 AI 企业智能体平台深度评测：从 L4 蜂群架构到政企落地实战IT_陈寒10 小时前
Redis持久化这个坑，我爬了一整天才出来kimi-22210 小时前
LangChain 里的 chatmodel.bind_tools 和 ReAct Agentzhangfeng113310 小时前
计算机视觉vc 3D 希尔伯特曲线 基础介绍，人工智能没事别瞎琢磨10 小时前
十一、审计与 Run Session——每一步操作都被记录没事别瞎琢磨10 小时前
十六、AgentSandbox——把所有模块串起来的编排类