diff --git a/.eslintrc.js b/.eslintrc.js
index cf2e5041375a79875b0d9cb420b73db57dfbbc37..51eb2464698165b66a84c65ca31a16fb9cdf41e3 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -14,5 +14,7 @@ module.exports = {
   plugins: [ "vue", "@typescript-eslint", "prettier" ],
   rules: {
     "indent": ["error", 2],
+    // 关闭驼峰命名规则
+    'vue/multi-word-component-names': 0,
   }
 }
diff --git a/src/App.vue b/src/App.vue
index bca77afd829300e02c27844b3d6f7a3d3858dc63..1df681efd4733a075123ba735c9fef131781e69b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -9,18 +9,8 @@ const locale = zhCn;
 
 <template>
   <el-config-provider :locale="locale">
-    <img alt="Vue logo" src="./assets/logo.png" />
-    <HelloWorld msg="Hello Vue 3 + TypeScript + Vite" />
+    <router-view />
   </el-config-provider>
 </template>
 
-<style>
-#app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-  margin-top: 60px;
-}
-</style>
+<style></style>
diff --git a/src/Home.vue b/src/Home.vue
new file mode 100644
index 0000000000000000000000000000000000000000..3cf54c3426ee22a96d765c226b30e8bb63b323db
--- /dev/null
+++ b/src/Home.vue
@@ -0,0 +1,7 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>home</div>
+</template>
+
+<style></style>
diff --git a/src/main.ts b/src/main.ts
index 5aa9bb7796e599d9c593fcbd86b4312879276058..7380f180117df89089e12aa0d9512cc559a13ef7 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,6 +1,9 @@
 // If you want to use ElMessage, import it.
 import "element-plus/theme-chalk/src/message.scss";
+import router from "./router";
 import { createApp } from "vue";
 import App from "./App.vue";
 
-createApp(App).mount("#app");
+const app = createApp(App);
+app.use(router);
+app.mount("#app");
diff --git a/src/router/index.ts b/src/router/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..32c8b00401be01e35fd1bdda4cafd182e923cf5f
--- /dev/null
+++ b/src/router/index.ts
@@ -0,0 +1,15 @@
+import { createRouter, createWebHistory, Router, RouteRecordRaw } from "vue-router";
+
+const routes: Array<RouteRecordRaw> = [
+  {
+    path: "/",
+    component: () => import("@/Home.vue")
+  }
+];
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes
+});
+
+export default router;