一、让Ai生成代码
帮我实现 HomeView 首页 + Sidebar，并生成代码
然后复制ai生成的代码，粘贴到文件里面
创建 Sidebar.vue
创建 HomeView.vue
更新App.vue
二、启动项目
直接对话，让ai启动项目
访问 http://localhost:5173 可以看到：
- ✅ 顶部导航栏（首页/图谱切换）
- ✅ 侧边栏目录（可折叠）
- ✅ 首页学习路径（四个层级卡片）
- ✅ 节点点击导航
网站页面展示：
源码
在文章最上方，点击下载
【ai开发段永平投资理财的知识图谱网站】第三天：实现 HomeView 首页 + Sidebar 侧边栏
小白蒋博客2026-05-04 8:29
相关推荐
腾讯云开发者30 分钟前
港科大郭毅可谈Agentic AI时代的核心命题：人机共生，人不可能退场常丛丛32 分钟前
5.6 LangGraph-Edges理解-Agent图的道路系统沉默王二40 分钟前
国产版Codex？阿里QoderWork有点东西，设计出来的Codex+Claude Code学习网站好看啊（附教程，超简单）雪隐42 分钟前
个人电脑玩AI-08让5060 Ti给你打工——我拿 Unlimited-OCR扫了 600 页书，然后悟了Coffeeee1 小时前
Prompt要花心思写，与 AI 对话的七个技巧刘棕霆1 小时前
27—AI Skill 测评如何避免确认偏误：盲测对比与解盲分析Flynt1 小时前
配置Chrome DevTools MCP，我在Windows上折腾了两个晚上蝎子莱莱爱打怪1 小时前
Claude Code 官宣新升级：子智能体默认后台跑，你边聊它边干活武子康1 小时前
调查研究-206 DeepSeek DSpark 深度解析：大模型推理加速，正在从“模型能力”转向“系统工程”想要成为糕糕手1 小时前
Harness Engineering：大模型时代的“马鞍”——从记忆层开始，让AI真正为你所用