一、让Ai生成代码
帮我实现 HomeView 首页 + Sidebar，并生成代码
然后复制ai生成的代码，粘贴到文件里面
创建 Sidebar.vue
创建 HomeView.vue
更新App.vue
二、启动项目
直接对话，让ai启动项目
访问 http://localhost:5173 可以看到：
- ✅ 顶部导航栏（首页/图谱切换）
- ✅ 侧边栏目录（可折叠）
- ✅ 首页学习路径（四个层级卡片）
- ✅ 节点点击导航
网站页面展示：
源码
在文章最上方，点击下载
【ai开发段永平投资理财的知识图谱网站】第三天：实现 HomeView 首页 + Sidebar 侧边栏
小白蒋博客2026-05-04 8:29
相关推荐
ever_up9736 分钟前
LangChain基础知识概述1豆豆20 分钟前
AI 建站实战：AI 生成前端页面如何集成自有 CMS 系统cjy00011122 分钟前
2026年9月零基础能听懂国内 FDE 讲师的课吗？spencer_tseng26 分钟前
AI coding 2026.09.07全栈弄潮儿32 分钟前
中级开发者用 AI，最容易掉进的 5 个坑百胜软件@百胜软件37 分钟前
百胜软件SenClaw胜券助手正式发布：AI让数据“开口说话”，随时赋能零售运营程序员天天困38 分钟前
Claude Fable 5.1 到底怎么样？扒完官方跑分和第三方榜单，说几句实话喜欢睡觉42 分钟前
LangChain 输出解析器：从裸文本到结构化输出工业涂料百问1 小时前
【市场格局】系列（四）汽车、船舶、风电涂料赛道对比：1400亿工业涂料里，哪个细分最“肥“？桃西西呀1 小时前
红酒标签上的 87 分是怎么算出来的？我拿 1599 瓶真酒把线性回归和逻辑回归拆开讲