先附上源码地址：https://github.com/cwjbjy/vite-react-ts-seed 本文基于vite4+react18+typescript5+react-router-dom6

先看看最终的效果吧，这样更有助于后面代码逻辑的实现。 布局实现效果分析 我们看第一张图片，可以分析得出 整个导航标签组件（我们最终会封装成一个组件，便于后期其他项目的移植使用），由标签按钮和右侧弹窗层

先附上源码地址：https://github.com/cwjbjy/vite-vue-ts-seed 1. 初始化项目 1. node版本要求 使用node16以下版本在运行vue-tsc时会报错。n