一、让Ai生成代码
帮我实现 HomeView 首页 + Sidebar，并生成代码
然后复制ai生成的代码，粘贴到文件里面
创建 Sidebar.vue
创建 HomeView.vue
更新App.vue
二、启动项目
直接对话，让ai启动项目
访问 http://localhost:5173 可以看到：
- ✅ 顶部导航栏（首页/图谱切换）
- ✅ 侧边栏目录（可折叠）
- ✅ 首页学习路径（四个层级卡片）
- ✅ 节点点击导航
网站页面展示：
源码
在文章最上方，点击下载
【ai开发段永平投资理财的知识图谱网站】第三天：实现 HomeView 首页 + Sidebar 侧边栏
小白蒋博客2026-05-04 8:29
相关推荐
竹之月27 分钟前
MCGS昆仑通态触摸屏背景图分辨率太大，告警解决kaka.liulin -study1 小时前
Colulu Agents Workflow：业财一体化分析示例企业解惑小能手-域智盾系统1 小时前
实战教程：企业终端如何监控AI对话记录，落地影子AI风险治理问商十三载2 小时前
GEO优化有用吗？基于检索与信源机制的有效性分析User_芊芊君子2 小时前
一张手写菜单，我用 Seed-2.1-pro-0915 开了一家数字咖啡馆全栈弄潮儿7 小时前
《小项目实战 1：用 AI 从零搭一个 API 服务》m4Rk_8 小时前
【论文阅读】Agent 记忆机制（83）：Inside Out——用可演化 PersonaTree 构建 Agent 的核心长期记忆运行时异常8 小时前
【WMS 仓储系统集成 AI Agent 实战】第 8 讲（终篇）：生产部署与并发安全——Semaphore 放进 Flux.defer 的坑，压测抓了一晚上杨杨杨大侠8 小时前
Jev、Kev、Laya：决策模型怎么选，什么时候需要微调？代码方舟8 小时前
零信任架构实战：基于天远人企关联构建自动化供应链金融网关