一、让Ai生成代码
帮我实现 HomeView 首页 + Sidebar，并生成代码
然后复制ai生成的代码，粘贴到文件里面
创建 Sidebar.vue
创建 HomeView.vue
更新App.vue
二、启动项目
直接对话，让ai启动项目
访问 http://localhost:5173 可以看到：
- ✅ 顶部导航栏（首页/图谱切换）
- ✅ 侧边栏目录（可折叠）
- ✅ 首页学习路径（四个层级卡片）
- ✅ 节点点击导航
网站页面展示：
源码
在文章最上方，点击下载
【ai开发段永平投资理财的知识图谱网站】第三天：实现 HomeView 首页 + Sidebar 侧边栏
小白蒋博客2026-05-04 8:29
相关推荐
GuWenyue7 小时前
写Agent还要重复封装工具？一套MCP多服务方案，3个能力让AI自动查地图、读写文件、操控浏览器GuWenyue7 小时前
90%AI新手不会调参！LangChain双模型流水线实战，一套代码兼顾严谨+创意倔强的石头_8 小时前
不想每次都从头解释：我用 Doubao-Seed-Evolving 做了一个「稿件接力站」光锥智能8 小时前
WAIC亮点｜兼具泛化能力与作业效率的极智嘉机器人天团阳光是sunny8 小时前
LangGraph中的Reducer是什么甲维斯8 小时前
Kimi K3 重构10000行单文件屎山代码！阳光是sunny8 小时前
从链到图：LangGraph 入门基础全解析新知图书9 小时前
11.3 详细实现与核心配置（作业批改智能体开发）深度研习笔记10 小时前
OpenCV工业视觉实战11｜多线程解耦+视频流稳流+推理加速，彻底解决卡顿阻塞，实现毫秒级工业实时检测delishcomcn10 小时前
AI视觉识别+分切算法：电化铝缺陷检测与裁切一体化解锁