V3 Admin Vite 是一个开源的中后台管理系统开发模板,使用 Vue3 等主流技术,适配移动端。系统没有使用过度复杂的封装,代码、命名、注释风格统一,详细的配置项代码注释说明,对使用者友好,上手成本低,并且有详细的使用教程,适合新手初学者。技术栈:Vue3 + TypeScript5 + Vite5 + Element Plus + Pinia + Axios + UnoCSS。Vue 3:利用最新的 Vue3 组合式 API,提高开发效率和组件的可维护性。Element Plus:饿了么开发的 Vue3 版本组件库,帮助开发者快速构建界面。Pinia:作为 Vuex 的替代品,Pinia 是 Vue3 的状态管理库,简化状态管理。Vite:一个现代化的前端构建工具,以其快速的热重载和构建速度而闻名。Vue Router:Vue 官方的路由管理器,用于构建单页应用。TypeScript:JavaScript 的超集,提供静态类型检查,增强代码的可读性和可维护性。PNPM:一个高效的包管理工具,相比其他包管理器,PNPM 可以更快速地安装依赖并节省磁盘空间。Scss:采用 Scss 作为 CSS 预处理器,与 Element Plus 保持一致,增强样式的可定制性。CSS 变量:通过 CSS 变量控制项目的布局和颜色,提高主题和样式的一致性。ESlint:代码质量检查工具,帮助开发者遵循编码规范,提高代码质量。Prettier:代码格式化工具,自动格式化代码,保持代码风格的一致性。Axios:一个基于 Promise 的 HTTP 客户端,用于浏览器和 node.js,已封装好,简化网络请求的处理。UnoCSS:一个高性能且灵活的即时原子化 CSS 引擎,提供更细粒度的样式控制。
权限功能:包括页面权限、指令权限和路由守卫,支持多环境配置,允许在开发、预发布和生产环境中灵活切换。多主题:内置了多种主题和布局模式以适应不同的视觉和操作需求。其他内置功能:错误页面处理、如 SVG、动态侧边栏、动态面包屑导航、标签页快捷操作、全屏功能、自适应侧边栏以及实用的 Hook。
《前端资源推荐》公众号收集各种前端组件 UI 框架、JS 插件工具、中后台系统模板、动画库、低代码、可视化资源、开源项目、学习资源、特效源码等,如有其他优秀资源,欢迎发消息投稿,感谢点赞、在看、转发、关注!!!
Vxe Table:Vue3 支持超大数据量渲染的表格组件
F2:蚂蚁开源 跨平台多端可视化图表
Marsview:开源低代码平台 快速搭建管理系统
TinyMCE:支持 Word 导入 无限插件扩展 富文本编辑器
Uppy:支持断点续传 模块化的文件上传库
kkFileView:支持数十种文件格式预览开源工具库
Arco Design Mobile:字节新开源 移动端 UI 组件库
GitHub:https://github.com/un-pany/v3-admin-vite
官方文档:https://juejin.cn/column/7207659644487139387