vue3 + vite + ts + router 创建

Vue3 + Vite + TypeScript + Router的创建可以参考以下步骤：

1. 首先安装Vue CLI，使用以下命令：

   npm install -g @vue/cli

2. 创建一个新的Vue项目，使用以下命令：

   vue create my-project

3. 选择手动配置，然后选择TypeScript和Router插件。

4. 安装Vite，使用以下命令：

   npm install -D vite

5. 在项目根目录下创建一个vite.config.ts文件，并添加以下内容：

   import { defineConfig } from 'vite'
   import vue from '@vitejs/plugin-vue'

   export default defineConfig({
     plugins: [vue()]
   })

6. 修改package.json文件，将scripts中的serve和build命令替换为以下内容：

   "scripts": {
     "serve": "vite",
     "build": "vite build"
   }

7. 在src目录下创建一个main.ts文件，并添加以下内容：

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

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

8. 在src目录下创建一个router目录，并在其中创建一个index.ts文件，并添加以下内容：

   import { createRouter, createWebHistory } from 'vue-router'
   import Home from '../views/Home.vue'

   const routes = [
     {
       path: '/',
       name: 'Home',
       component: Home
     }
   ]

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

   export default router

9. 运行项目，使用以下命令：

   npm run serve

然后在浏览器中访问http://localhost:3000，即可看到创建的Vue3 + Vite + TypeScript + Router项目。