【资料图】

目标：创建基于 vite4 + vue3 + Ts 的开箱即用的最简 SSR 通用项目模板，包含必要的 pina、vue-router、onSeverFetch、header管理，包含 eslint、prettier。

一、vite创建一个vue-ts项目

首先安装 pnpm包管理，创建一个基础的vue3-ts项目。

选择配置 ts、jsx、vue-router、pinia、eslint、prettier

二 对 SPA 单页应用，进行 SSR 改造