前面我“手把手”教大家开发了基于 Vue2 的管理系统，有很多人说 vue2 早就过时了，都 22 年了竟然还有人在用 vue2？简直就是土老帽！

前言 我以前很喜欢封装组件，什么东西不喜欢别人的，总喜欢自己搞搞，这让人很有成就感，虽然是重复造轮子，但是能从无聊的crud业务中暂时解脱出来，对我来说也算是一种休息，相信有很多人跟我一样有这个习惯。

Vue 3.2 + Typescript + Pinia + Vite + Element-Plus Geeker-Admin 🍇🍈🍉 一、在线访问地址：http://admin.spicyboy.c

接触Vue3有一年的时间，除了刚开始用Vue3做了一个小小的项目，其后一直没有机会在项目中真正使用Vue3，反而一直维护Vue2的老项目。作为一个有追求（wuliao）的前端，那就自己开一个仓库练手

vue3-admin-template 是一个后台前端解决方案，它基于 vue 和 element-plus实现，它使用了最新的前端技术栈，内置了动态路由，权限验证，提供了多种布局方式。

Java+Vue有很多优秀的后台管理系统，但是为了可以高效的开发后台权限管理系统作者就自己开发出vue3-element-plus-admin。可用于管理后台、SAAS、CMS、CRM、OA、ERP等

Pinia 是一个状态管理工具，和 Vuex 一样为 Vue 项目提供共享状态管理工具。并且支持vue2和vue3，主要是为vue3提供状态管理，支持typescript。

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

万字长文讲述基于 Vue + Vite + Element-Plus + TypeScript 从0到1搭建真实企业级后台管理系统前端模板，配套Java 、Node 后端源码。