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

一、让Ai生成代码

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

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

创建 Sidebar.vue

创建 HomeView.vue

更新App.vue

二、启动项目

直接对话,让ai启动项目

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

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

网站页面展示:

源码

在文章最上方,点击下载

相关推荐
Resistance丶未来2 小时前
Coding-Interview-University 学习路径实战评测
人工智能·gpt·学习·github·claude·gemini·kimi
薛定e的猫咪2 小时前
OOD 感知决策与可信强化学习:从置信度评估到安全回退
人工智能·安全·机器学习·开源
Joseph Cooper2 小时前
AI Agent 工具选型:OpenClaw、Hermes、Claude Code、Codex、Cursor、Copilot 怎么选
ai·copilot·cursor·codex·claude code·openclaw·hermes
Funny_AI_LAB2 小时前
Naval最新播客谈“氛围编码”:Vibe Coding 开启“一人独角兽”时代
人工智能·算法·语言模型·agi
财经资讯数据_灵砚智能2 小时前
基于全球经济类多源新闻的NLP情感分析与数据可视化(日间)2026年5月3日
大数据·人工智能·python·信息可视化·自然语言处理
灵机一物2 小时前
灵机一物AI原生电商小程序、PC端(已上线)-AI产业深度解析:Token供需失衡下的算力战争与产业变革
大数据·人工智能·深度学习
MediaTea2 小时前
ML:逻辑回归的基本原理与实现
人工智能·算法·机器学习·数据挖掘·逻辑回归
Carl_奕然2 小时前
【大模型】Agent 之:从 Context 到 Harness 的工程革命
人工智能·计算机视觉·自然语言处理
wayz112 小时前
Day 19:LSTM与时间序列预测
人工智能·深度学习·lstm