从事前端行业十余年，使用过不少开源的前端框架比如：vue-admin-element、vben-admin等，总感觉不是很顺手，没有一款属于自己的知根知底的前端框架这让我感觉很不好，所以在此背景之下决心搭建一套基于 Vue 3 + TypeScript + Vite 的现代化前端项目模板，集成路由、状态管理、国际化、单元测试与样式体系（Tailwind/SCSS），用于快速搭建中后台页面与数据可视化应用。项目内置丰富的 Smart 系列组件（SmartForm、SmartTable、SmartCard、SmartDialog、SmartDrawer 等），遵循团队统一的工程化与样式规范，开箱即用、可按需扩展的开源框架；
Zed Admin 是一个基于 Vue 3 + TypeScript + Vite 的现代化前端项目模板，集成路由、状态管理、国际化、单元测试与样式体系（Tailwind/SCSS），用于快速搭建中后台页面与数据可视化应用。项目内置丰富的 Smart 系列组件（SmartForm、SmartTable、SmartCard、SmartDialog、SmartDrawer 等），遵循团队统一的工程化与样式规范，开箱即用、可按需扩展。
个人负责整个项目的搭建和开发，属于创世人；
现代构建：Vite 7 + TypeScript 5.9，开发/构建极速，支持 HMR
组件化开发：Vue 3.5 组合式 API（Composition API），代码模块清晰、可维护性强
路由系统：Vue Router 4.6，支持动态路由、嵌套路由、路由守卫与权限控制
状态管理：Pinia 3.0 + 持久化插件，支持多 Store 模块化管理
国际化：Vue I18n 11.1，支持中英文切换，Element Plus 组件库同步国际化
UI 组件库：Element Plus 2.11，提供丰富的企业级组件
自定义组件：Smart 系列组件（SmartForm、SmartTable、SmartCard、SmartDialog、SmartDrawer 等），开箱即用
数据可视化：ECharts 6.0，支持丰富的图表展示
样式体系：Tailwind CSS 4.1 + SCSS，优先使用 Tailwind 原子类，SCSS 作为补充
图标系统：Iconify 5.0 + unplugin-icons，支持 200+ 图标集，按需加载
进度反馈：NProgress 0.2，路由切换时显示加载进度条
主题切换：支持明暗主题切换，自动持久化用户偏好
工具库：集成 Lodash、Crypto-JS、QS 等常用工具库
单元测试：Vitest 3.2，支持 Vue 组件测试与工具函数测试
代码规范：Prettier 3.6，统一代码格式化标准
开发工具：集成 Vue DevTools，支持开发环境调试
评论