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

npm init @vitejs/app+项目名字

之后根据提示

1. cd myvite  //进入myvite目录
2. npm install //下载构建项目文件
3. npm run dev //运行此项目文件

Vue3 安装

• 安装vue-router@4

npm install vue-router@4

• 创建并配置router.ts文件

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

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

const router =createRounter({
      history:createWebHashHistory(),
      routes
  })
  
  export default router 

• 在main.js文件引用router.ts

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

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