1. 创建vite+ts+vue3.0项目

npm init @vitejs/app -> y
输入项目名称：例 myvite
选择语言： vue -> vue-ts

之后根据提示

cd myvite
npm install
npm run dev

若启动项目过程中出现报错情况，请检查npm 版本，我使用的是v16.13.0

Vue3.0文档
Vite文档

2. 安装vue-router@4

npm install vue-router@4

2.1 创建并配置router.ts文件

import { createRouter, createWebHashHistory } from 'vue-router';

const routes = [
    {
        path: '/a',
        component: () => import('./views/A.vue')
    },
    {
        path: '/b',
        component: () => import('./views/B.vue')
    },
]

const router = createRouter({
    history:createWebHashHistory(),
    routes
})

export default router

2.2 在main.ts文件中引入使用router.ts

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'

const app = createApp(App)
app.use(router)
app.mount('#app')