如果你正在找一个 Vue3 + TypeScript 技术栈 的前端后台框架,Geeker Admin 真的很值得一试,它不仅功能全,还特别注重开发体验和界面美观。
应用特性
-
- Vue3 + Vite 技术栈:基于最新的前端技术生态,开发体验流畅,构建速度快。
- TS 全面支持:项目完全用 TypeScript 编写,类型安全,代码更可靠。
- 丰富的内置功能:路由权限管理、动态菜单、标签页导航、国际化、主题切换等一应俱全。
- 优秀的 UI 设计:界面简洁美观,内置暗黑模式,用户体验很舒适。
- 组件封装完善:内置表格、表单、弹窗等常用后台组件,拿来即用。
- 灵活的权限系统:支持前端控制和后端配置,满足不同业务场景。
- 开源免费,文档完善:学习和商用都没问题,适合做企业级项目脚手架。
应用技术栈
PC 前端:
-
框架:Vue 3 + TypeScript -
构建工具:Vite -
状态管理:Pinia -
路由:Vue-Router 4 -
UI 组件库:Element Plus -
其他:Axios、ECharts 等
应用相关截图


部署教程
1、环境准备
-
Node.js 16+ -
包管理工具:pnpm / npm / yarn
2、克隆项目
git clone https://github.com/HalseySpicy/Geeker-Admin.git
cd Geeker-Admin
3、安装依赖
pnpm install
4、启动项目
pnpm dev
默认访问地址:http://localhost:9527
5、打包构建
pnpm build
推荐原因
- 适合学习和实战:如果你想深入学习 Vue3 + TS 的最佳实践,这个项目是非常好的参考。
- 拿来即用:内置功能丰富,直接就能做一个后台系统的原型。
- 美观度高:界面设计现代化,适合对 UI 有要求的团队或个人。
- 社区活跃:GitHub 上的 issue 和文档都比较完善,遇到问题能快速找到答案。
应用相关链接
|
|
---|---|
|
https://github.com/HalseySpicy/Geeker-Admin |
|
https://geeker-admin.vercel.app |