一、让Ai生成代码
帮我实现 HomeView 首页 + Sidebar，并生成代码
然后复制ai生成的代码，粘贴到文件里面
创建 Sidebar.vue
创建 HomeView.vue
更新App.vue
二、启动项目
直接对话，让ai启动项目
访问 http://localhost:5173 可以看到：
- ✅ 顶部导航栏（首页/图谱切换）
- ✅ 侧边栏目录（可折叠）
- ✅ 首页学习路径（四个层级卡片）
- ✅ 节点点击导航
网站页面展示：
源码
在文章最上方，点击下载
【ai开发段永平投资理财的知识图谱网站】第三天：实现 HomeView 首页 + Sidebar 侧边栏
小白蒋博客2026-05-04 8:29
相关推荐
2501_938140071 小时前
做内容很省心，2026好用AI笔记，支持抖音小红书视频无水印保存咬代码的兽4 小时前
满大街的 AI Agent，怎么判断真假？五个土办法sell-cloud4 小时前
Prompt Engineering要凉了？Fable 5.5能“猜“意图，但银行正在封杀AI Agent——企业AI的真正护城河是什么Navicat中国6 小时前
Navicat 18 内置 AI 助手让数据库开发从繁琐操作迈向智能协作4SAPI6 小时前
多模型请求路由怎么设计？成本、速度和能力如何平衡魔乐社区6 小时前
翼芯・智算测试与适配优化专区，让国产算力“选得准、跑得通、用得好“Liaiyang667 小时前
空圈容错：从 (0, 1) 夹缝本体论到 11 次跨域盲测XCDoris8 小时前
郴州logo设计机构Goboy8 小时前
一个人带三个Agent,我用全新TRAE从0到1搭了个资讯周刊站