Vuestic Admin 简介
vuestic admin是一款流行,免费与美妙的基于Vue.js开发出来的管理模板,包括38以上个定制用户界面组件,由Epicmax开发,由Vasili Savitski设计。目前github star 6K+, 最新版本2.0.0, MIT许可协议。
为什么选择Vuestic Admin
Vuestic Admin 功能列表
- 响应布局
- 图表(Charts.js)
- 进度表
- 表格
- 选辑
- 日期选择器
- 复选框和单选框
- 静态表与数据表
- medium editor
- 平滑设计字体
- 按钮
- 塌缩
- 颜色选择器
- 时间线
- 土司通知
- 工具提示
- 弹窗
- 图标
- 自旋体
- 模式
- 文件上传
- 厚切薯条通知
- 树
- 卡片
- 等级
- 滑动器
- 聊天系统
- 地图(Google, Yandex, Leaflet, amMap)
- 登录/注册页模板
- 404页模板
- i18n(国际化/多国语言)
浏览器兼容性
IE / Edge
IE11, Edge
Firefox
last 2 versions
Chrome
last 2 versions
Safari
last 2 versions
Opera
last 2 versions
示例截图
官网示例截图如下
快速上手
- 安装
首先确定安装所有的先决条件:
- Node.js (>=8.9)
- npm 3+版本 (或许yarn 1.16+版本) 和Git。
检查先决条件之后,用简单指令之下安装与应用Vuestic管理台:
#克隆存储库$ git clone https://github.com/epicmaxco/vuestic-admin.git myproject#进入应用目录与安装依赖$ cd myproject
用npm:
$ npm install# 默认情况下在localhost:8080用热重载$ npm run serve# 构建生产$ npm run build# 构建生产与查看包分析报表$ npm run build --report
总结
vuestic admin Github 官网地址:
https://github.com/epicmaxco/vuestic-admin
vuestic admin 官网示例地址:
https://vuestic.epicmax.co/admin/dashboard
vuestic admin 作为一款免费与美妙Vue.js管理模板,包括38以上个定制用户界面组件, 具有很多优点,具体可以看为什么选择vuestic admin 部分,目前也到了2.0 的release 版本了,值得前端同学学习和了解。