今天应公司需求，需要自己去搭建一套基于 Vue3 + TS 的后台管理系统模板。
首先我们需要去创建项目的基本工程。
环境搭建
- node >= 18.0.0（最好是用18 + 的版本吧，今天看到一条消息，node 对 18 版本停止支持了，所以为防止后续出现问题，提前升级）
- npm >= 8
- git
我所使用的环境配置为：node@22.14.0， npm@10.9.2
使用 Vite 创建工程
环境搭建成功以后，我们就需要开始创建自己的工程文件。
因为开发的是 Vue3 的版本，这里还是推荐使用 Vite 去创建。
npm init vite@latest
- 输入工程目录名称
- 框架选择 Vue
- 语言选择 Typescript
- 工程目录创建完成
- 使用命令进入工程目录: cd hale-admin-pro,并执行执行安装目录 npm install
- 使用命令 npm run dev 启动项目
- 进入local 地址（按自己的地址进），我的是 http://localhost:5173/
打开页面，项目工程目录基本搭建完成
整理工程目录
结构：
