1. 根据官方文档开始 | Vite 官方中文文档
1.1pnpm create vite my-vue-app --template vue-ts 初始化项目
1.2 cd my-vue-app install
2. 安装pinia 及持久化存储pinia-plugin-persistedstate
2.1 pnpm i pinia
2.2 pnpm i pinia-plugin-persistedstate -D
2.3 配置pinia持久化存储
2.4 在main.ts 导入pinia
3. 安装route
3.1 pnpm i vue-router
3.2 配置route.ts
3.3 在main.ts 导入route.ts. app.use(router);
在App.vue
中修改代码:
<template>
<!--Vue3组件中的模板结构可以没有根标签-->
<router-view />
</template>