Vuestic Admin 简介

vuestic admin是一款流行，免费与美妙的基于Vue.js开发出来的管理模板，包括38以上个定制用户界面组件，由Epicmax开发,由Vasili Savitski设计。目前github star 6K+, 最新版本2.0.0, MIT许可协议。

为什么选择Vuestic Admin

Vuestic Admin 功能列表

1. 响应布局
2. 图表(Charts.js)
3. 进度表
4. 表格
5. 选辑
6. 日期选择器
7. 复选框和单选框
8. 静态表与数据表
9. medium editor
10. 平滑设计字体
11. 按钮
12. 塌缩
13. 颜色选择器
14. 时间线
15. 土司通知
16. 工具提示
17. 弹窗
18. 图标
19. 自旋体
20. 模式
21. 文件上传
22. 厚切薯条通知
23. 树
24. 卡片
25. 等级
26. 滑动器
27. 聊天系统
28. 地图(Google, Yandex, Leaflet, amMap)
29. 登录/注册页模板
30. 404页模板
31. 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 版本了，值得前端同学学习和了解。