Vue全家桶_iview admin pro

1、框架

1、VueJS - JavaScript框架

官网简介：Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。

官网地址：Vue.js

2、iView - PC端后台框架

iView是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。

从 2019 年 10 月起正式更名为 View UI。

官网地址：iView - A high quality UI Toolkit based on Vue.js

3、Element UI - PC端后台框架

Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

官网地址：http://element.eleme.cn/#/zh-CN

4、Vant - 移动端UI框架

Vant 是有赞前端团队开源的移动端组件库，于 2017 年开源。Vant 对内承载了有赞所有核心业务，对外服务十多万开发者，是业界主流的移动端组件库之一。

官网地址：http://vant-contrib.gitee.io/vant/#/zh-CN/

5、Mint UI - 移动端UI框架

饿了么开源的移动端UI组件库，基于vue.js的移动端UI框架，包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需求。

官网地址：http://mint-ui.github.io/#!/zh-cn

6、Cube UI - 移动端UI框架

滴滴团队开发的基于 Vue.js 实现的精致移动端组件库。支持按需引入和后编译，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。

官网地址：http://didi.github.io/cube-ui/#/zh-CN

7、Muse UI - 移动端UI框架

基于 Vue 2.0 优雅的 Material Design UI 组件库，基本实现 Material Design 设计规范类的所有组件，另外还开发许多新的功能特性。

官网地址：http://muse-ui.org/#/zh-CN

8、Vux - 移动端UI框架

又拍云团队开发的UI组件库。

官网地址：VUX - Vue 移动端 UI 组件库

9、Vue-Blu - PC端后台框架

Vue-Blu是基于Vuejs和Bulma开发的开源UI组件库。旨在为PC端的前端开发(特别是中后台产品)提供一个快速且灵活的解决方案。全面、灵活且强大的ui组件，API友好。

官网地址：Vue-Blu

10、vue-strap - PC端后台框架

基于 Vue.js 的 Bootstrap 组件 该仓库包含一系列基于 Bootstrap 标记和 CSS 的本地 Vue.js组件，喜欢bootstrap的小伙伴可以快速上手。

官网地址：vue-strap

11、Vuetify - PC端后台框架

Vuetify是一个Vue UI库，其中包含精美的手工制作的Material Components。

官网地址：Vuetify — A Material Design Framework for Vue.js

12、AT-UI - PC端后台框架

AT-UI 是一个模块化的前端 UI 框架，开发基于Vue.js 的快速和强大的 Web 界面。

官网地址：http://at-ui.github.io/at-ui/#/zh

13、Vue CLI

官网地址：https://cli.vuejs.org/zh/

14、Vue3.0

官网地址：https://cli.vuejs.org/zh/

15、TypeScript

文档地址：TypeScript 中文手册 - TypeScript 中文手册

2、插件

1、MomentJS - Vue时间格式化插件

官网地址：Moment.js 中文网

2、Vuex - 响应式状态管理插件

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension (opens new window)，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。

官网地址：Vuex 是什么？ | Vuex

3、Vue Router - Vue官方路由管理器

Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：

嵌套的路由/视图表
模块化的、基于组件的路由配置
路由参数、查询、通配符
基于 Vue.js 过渡系统的视图过渡效果
细粒度的导航控制
带有自动激活的 CSS class 的链接
HTML5 历史模式或 hash 模式，在 IE9 中自动降级
自定义的滚动条行为

官网地址：Vue Router

4、Axios - 发送HTTP请求的插件库

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。

官网地址：axios中文网|axios API 中文文档 | axios

5、Less - css辅助神器（css扩展语言）

Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。

官网地址：Less 快速入门 | Less.js 中文文档 - Less 中文网

6、MathJS - 弥补了javascript计算小数不准确的缺点

Math.js是一个用于JavaScript和Node.js的扩展数学库。它具有支持符号计算的灵活表达式解析器，大量内置函数和常量，并提供了一个集成解决方案来处理不同的数据类型，例如数字，大数，复数，分数，单位和矩阵。强大且易于使用。

官网地址：math.js | an extensive math library for JavaScript and Node.js

7、字体图标FontAwesome

Font Awesome为您提供可缩放的矢量图标，您可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。

地址：

中文网1：Font Awesome 中文网 – | 字体图标

中文网2：Font Awesome，一套绝佳的图标字体库和CSS框架

官网：Font Awesome

使用方式：

1、在项目中安装fontawesome：npm install font-awesome –save

2、在main.js中引入相关的文件：import ‘font-awesome/css/font-awesome.min.css’

3、在需要使用的地方，class=“fa 类名”，如<i class=”fa fa-home” />请注意一定要在前面添加fa类，否则无法正常显示；

3、其他开源

1、ECharts - 百度的图表库

ECharts开源来自百度商业前端数据可视化团队,基于html5 Canvas,是一个纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。

官网地址：Apache ECharts

2、人人开源网

网址：人人开源

renren-generator ：代码生成器，可生成entity、xml、dao、service、vue、sql代码。

renren-fast-vue ：基于Vue、Element-UI构建开发的后台管理开源系统。

renren-fast :基于轻量级SpringBoot2.1快速开发平台。

3、iView-admin - 开源的iview后台管理系统

iView Admin是前端管理后台集成解决方案。它基于Vue.js并使用Toolkit iView作为UI。

gitee网址：iview-admin: iView admin 是基于 Vue.js，搭配使用 iView UI 组件库形成的一套后台集成解决方案

示例网址：http://admin.iviewui.com/  [自带用户名:super_admin，密码随意填写]

iView-admin-pro：这个是收费的，不过可以拿来参考里面的排版功能布局也是好的

官方购买网址：iView 专业版 - iView Admin Pro

示例网址：http://adminpro.iviewui.com