1.创建router文件夹（里面创建index.js），创建views文件夹（创建index页面）

2.删除assets文件夹里面的内容，删除components文件夹

3.安装路由  npm install vue-router

4.router路由下面的index.js书写内容

// 导入路由
import { createRouter, createWebHashHistory } from "vue-router";
// 导入页面
import index from "../views/index.vue";
// 注册
const routes = [{path: "/",name: "index",component: index,}
];
// 路由实例
const router = createRouter({history: createWebHashHistory(),routes, // 所有的路由
});
// 导出
export default router;

5.把App.vue页面里面的内容替换为以下内容

<template><router-view></router-view>
</template><script setup></script><style scoped></style>

6.view文件夹里面的index.vue页面写入基础格式

<template>测试
</template><script setup></script><style scoped></style>

7.在min.js页面内容替换（导入路由+删除引入的css+router挂载）

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'// 引入路由
const app = createApp(App)
app.use(router)// 安装路由
app.mount('#app')// 挂载vue实例

最后即可在页面书写内容