diff --git a/src/pages/HomePage.vue b/src/pages/HomePage.vue
new file mode 100644
index 0000000..a4b5ed2
--- /dev/null
+++ b/src/pages/HomePage.vue
@@ -0,0 +1,14 @@
+<template>
+  <div id="homePage">
+    <h1>{{ msg }}</h1>
+  </div>
+</template>
+
+<script setup lang="ts">
+const msg = "欢迎来到龙儿之家，你将从这里开始项目学习之旅~";
+</script>
+
+<style scoped>
+#homePage {
+}
+</style>
diff --git a/src/router/index.ts b/src/router/index.ts
index 752cf35..04d0ed2 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,8 +1,14 @@
 import { createRouter, createWebHistory } from 'vue-router'
+import HomePage from '@/pages/HomePage.vue'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes: [
+    {
+      path: '/',
+      name: 'home',
+      component: HomePage,
+    },
   ],
 })