此项目是集成vue3 + vite + Element-Plus + Pinia + vue-router的后台管理系统的模板工程。
即开即用,提供初创团队或新项目专注于快速启动和开发交易。不再考虑脚手架编译打包和优化、ESLlint统一配置、项目和编码规范等问题。
参考、借鉴vue-element-admin项目。
在打开vscode时根据提示安装上推荐插件。
在线预览页面
项目和编码规范文档是致力于为初创企业、初创团队、新项目提供统一的规范,方便项目快速启动,团队协作,保障质量。
建议约定团队成员安装如下项目和编码规范开发。
点击查看 前端项目和编码规范
主要分享以下几方面:
包含以下内容:
具有SvgIcon组件
路径:components/SvgIcon/index.vue
可以使用SvgIcon展示svg格式的ICON。
使用svg做icon优于font icon。
列表页面组件
路径:common/ListPage.vue
通过config.ts配置快速创建表格页面的快速开发,同时也规范统一了表格页面的组件布局和组件样式,可参考views/admin/user/index.vue
若差异化较大列表页面,可参考"common/ListPage.vue"页面复制后重写。
信息详情字段单元组件
路径:common/DetailCell.vue
主要为了规范统一订单详情页字段的显示样式。
编写订单详情页可参考views/admin/user/Detail.vue
新增编辑页组件
路径:components/DynForm/index.jsx
可以实现编辑页面字段的增量更新,避免只修改一个字段更新全部字段的问题。
规范统一订单详情页字段的显示样式。
编写订单详情页可参考??
先安装项目依赖
Using npm:
$ npm install
Using bower:
$ bower install
Using yarn:
$ yarn install
通过Todo tree插件或者搜索//TODO:来查找需要替换代码
查看package.json中的script即可查看到dev和不同环境的build脚本命令
dev调试模式
yarn dev
TODO:有待补充哔哩哔哩视频。 视频会将项目模板的模板说明、注意事项、考虑过程、实现过程等详细解说,方便用户更熟练、详细的使用工程模板,并可基于此工程模板作为项目快速启动开发,和提供定制化改造。
MIT
可参考阮一峰老师的开源协议说明
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。