vue-quasar-manage 是一款中后台前端解决方案:
- 基于 vue 和 quasar-ui 实现,quasar-ui 的设计规范来自 Material Design
- 包含动态路由,动态缓存,权限验证等常用功能
- 响应式设计,支持手机 / 平板 / 小分辨率屏幕显示
- 包含 tagView 快捷导航、面包屑导航等 SPA 应用常用功能
- 内置 Material Design 图标集
- 简单的代码逻辑,多种自定义组件,高度可定制性(只有 1600 行代码)
- 完全开源及免费
使用这个项目前您需要了解如下技术栈:
ES6 | Node.js | webpack | vue | vuex | vue-router | vue-cli | axios | ESlint
DEMO地址
更新日志
-
2020/12/3
将public
文件夹路径注入vue
原型,方便静态资源引用 -
2020/12/9
更新到 v1.0.3 beta 版本,进行了性能优化。Github
/Gitee
的首屏加载速度得到较大的提升。Gitee
访问从原先的 3.5s 左右,提升到 1s 左右。但Github
访问收网络影响...此次更新将优化过程新增到性能优化
导航项提供参考。 -
2020/12/24
修复了一个内存泄漏的 bug,以及对 ICON 集合界面进行了渲染性能优化,并将优化过程新增到性能优化
导航项提供参考。
有同学反映侧边栏被选中时效果不明显,于是顺便增加了点样式
如何运行
请确保您的计算机已经安装了 Node.js
以及 git
,当前项目主要用于展示说明文档
建议使用模板项目 vue-quasar-manage-template 进行开发。
1、克隆项目
git clone https://github.com/972784674t/vue-quasar-manage-template.git
2、在项目文件夹 cmd 下,下载项目所需依赖
npm install 或 cnpm i (如果您正在使用 cnpm,但是 cnpm 下载依赖不太稳定 )
3、在项目文件夹 cmd 下,启动开发服务器
npm run serve
如何打包
npm run build
License
Copyright (c) 2015-present Razvan Stoenescu