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

一、让Ai生成代码

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

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

创建 Sidebar.vue

创建 HomeView.vue

更新App.vue

二、启动项目

直接对话,让ai启动项目

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

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

网站页面展示:

源码

在文章最上方,点击下载

相关推荐
QXWZ_IA10 分钟前
定位数据怎么推给 IoT 平台?消息协议选型与接入准备
网络·人工智能·物联网·安全
java_logo12 分钟前
Docker 部署 ReMe:轻松搭建 AI Agent 记忆管理平台
人工智能·docker·容器·ai agent·轩辕镜像·reme·agentscope-ai
硅谷秋水30 分钟前
从VLM规划器到机器人智能体:面向依赖历史信息的操控任务自演化框架
人工智能·机器学习·语言模型·机器人
西安小哥37 分钟前
端侧跑大模型,真正的门槛不在参数量:一次 596 秒到 10 秒的压缩路径复盘
前端·人工智能
Vex2une37 分钟前
AI 渲染正在重写游戏美术的账本:提效、外包与新的门槛
人工智能·aigc·游戏美术·神经渲染·dlss 5·ai 渲染·游戏开发门槛
西安小哥39 分钟前
给 Agent 堆上下文,不如把缓存命中率抬上去
aigc·ai编程
LabVIEW开发1 小时前
AI 如何接进 LabVIEW:链路怎么搭、边界在哪、还差什么
人工智能·驱动开发·labview
liferecords1 小时前
不训练一个参数,把图像编辑器变成视频编辑器:EditVid 的局部-全局拆解术
人工智能·llm·aigc·多模态
LV技术派1 小时前
我的《成为 AI Native Builder》开源小册,全量开放了!
aigc·openai·ai编程
装不满的克莱因瓶1 小时前
【SpringAI Alibaba】ReactAgent响应SSE实时流式传输案例实战
java·人工智能·ai·sse·springai