【ai开发段永平投资理财的知识图谱网站】第三天:实现 HomeView 首页 + Sidebar 侧边栏

一、让Ai生成代码

帮我实现 HomeView 首页 + Sidebar,并生成代码

然后复制ai生成的代码,粘贴到文件里面

创建 Sidebar.vue

创建 HomeView.vue

更新App.vue

二、启动项目

直接对话,让ai启动项目

访问 http://localhost:5173 可以看到:

  • ✅ 顶部导航栏(首页/图谱切换)
  • ✅ 侧边栏目录(可折叠)
  • ✅ 首页学习路径(四个层级卡片)
  • ✅ 节点点击导航

网站页面展示:

源码

在文章最上方,点击下载

相关推荐
古夕2 分钟前
本地正常线上白屏:一次路由切换后刷新恢复问题的排查与修复
前端·ai编程
word3 分钟前
从零接入 MCP:把任意工具变成 AI 的能力(协议级实践)
人工智能·前端框架
冬哥聊AI6 分钟前
字节面试官:RAG不就是给大模型挂个知识库?别把这题答浅了
人工智能
9i编程8 分钟前
AI 只解决眼前那个坑【上篇】:来源、图片、鲁棒性,把能聊一处一处补齐
人工智能·openai·ai编程
晴天169 分钟前
AgentLoop分享(上): 让 AI 真正“自主干活“-Day15
人工智能·python
phoenix@Capricornus12 分钟前
从统计决策到贝叶斯估计
人工智能·算法·机器学习
NutShell Wang13 分钟前
国产全模态开源潮:从语言模型到视频模型,中国开源生态再升级
人工智能·语言模型·开源·大模型·音视频·多模态·vibe coding
薛晓刚14 分钟前
信息化、数字化:智能化的基础,还是历史包袱?
人工智能
梅头脑15 分钟前
第一次用AI生图,出来一只六条腿的猫——直到我拆开了扩散模型的6步推理过程
ai编程
Black蜡笔小新15 分钟前
从智慧社区到雪亮工程:国标GB28181公网平台EasyCVR如何构建视频“一张网”?
人工智能·自动化·easycvr