xsf0105/my-vue3-template:Vue3的启动模板,最佳实践!
Vue3 Admin Vite是一个免费开源的中后台管理系统基础解决方案。基于Vue3、TypeScript、ElementPlus、Pinia和Vite等主流框架构建,具备多种特性。包含从用户管理、权限管理到多环境...
标签:Github项目ElementPlus Pinia Vite vue3 xsf0105/my-vue3-template 中后台管理系统【Github】项目名:xsf0105/my-vue3-template:Vue3的启动模板,最佳实践!
项目简介
Vue3 Admin Vite是一个免费开源的中后台管理系统基础解决方案。它基于Vue3、TypeScript、ElementPlus、Pinia和Vite等主流框架构建。具备多种特性,如使用Vue3的最新组合API(Vue3 + script setup),采用ElementPlus(Vue3版本的ElementUI)、Pinia(Vue3中替代Vuex的方案)、Vite(速度很快)、VueRouter等,还有TypeScript、PNPM(更快且节省磁盘空间的包管理工具)、Scss、CSS变量用于布局和颜色控制、ESlint代码验证、Prettier代码格式化、Axios(基于Promise的HTTP客户端,已封装)、UnoCSS(高性能且灵活的实时原子化CSS引擎)等。在功能方面,包含用户管理(登录登出演示)、权限管理(页面级、按钮级权限,路由导航守卫)、多环境(开发、预发布、生产)、多主题(正常、黑暗、深蓝)、多种布局(左、上、左上)、错误页面(403、404)、仪表盘(根据用户显示不同页面)以及其他功能如SVG、动态侧边栏等。
项目开发相关
开发
开发时需进行配置,推荐在.vscode目录安装插件,node版本为18.x或20 +,pnpm版本为8.x或最新版本。可通过git clone https://github.com/xsf0105/my-vue3-template.git克隆项目,进入项目目录cd my-vue3-template后安装依赖pnpmi,然后通过pnpm dev启动服务。
预览
预发布环境使用pnpm preview:stage,生产环境使用pnpm preview:prod。
多环境打包
构建预发布环境用pnpm build:stage,构建生产环境用pnpm build:prod。
代码检查
代码格式化使用pnpmlint,单元测试使用pnpm test。同时有Git提交规范参考,如feat添加新功能、fix修复问题等。
项目总结
xsf0105/my-vue3-template是一个功能丰富、基于多种主流技术构建的Vue3启动模板。它在中后台管理系统开发方面提供了很多实用的功能和便捷的开发流程。如果你对这个项目有任何想法或者疑问,欢迎在下方留言参与讨论。
项目地址
数据统计
数据评估
本站链氪巴士提供的xsf0105/my-vue3-template:Vue3的启动模板,最佳实践!都来源于网络,不保证外部链接的准确性和完整性,同时,对于该外部链接的指向,不由链氪巴士实际控制,在2024年12月6日 上午12:00收录时,该网页上的内容,都属于合规合法,后期网页的内容如出现违规,可以直接联系网站管理员进行删除,链氪巴士不承担任何责任。
相关导航
xusenlin/vue - element - ui - admin是一个基于Vue3(ScriptSetup)+TS+Vite+ElementPlus+Pinia+VueRouter+Axios的后台模板。它做了目录结构的整理和常用方法的封装,具有开箱即用的特点。在这个项目中,Axios处理方便,适用于json、formData、文件上传操作,分页采用vue3的单文件ScriptSetup封装能快速接入业务。使用极轻的Pinia,有不同功能的stores。Router系统的路由功能丰富,支持菜单相关的多种配置,打包环境也支持多种情况。整个项目追求极简实用,是一个不错的后台模板项目。