关于vue全家桶

## vue全家桶介绍：

　　vue全家桶是基于vue开发必备的也是必学的东西，概括起来就是：

           

　　最常见常用的vue全家桶简单的介绍一下，希望可以帮助你了解认识学会vue全家桶！

### 1.vue-cli

　　vue-cli就是快速创建搭建一个vue项目的脚手架工具。

　　安装vue-cli，直接在cmd命令执行：npm install -g vue-cli（安装的cnmp直接把npm改一下就可以），之后需要填写一些项目信息，不会的可以去网上搜一下。

 

### 2.vue-router

　　vue-router 是 Vue.js 官方的路由管理器。用于页面之间的跳转，路由路径需要我们自己配置。

　　安装vue-router直接在cmd命令执行：npm install vue-router（安装的cnmp直接把npm改一下就可以）

 

### 3.vuex

　　Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

　　安装vuex只需要执行：npm install vuex（安装的cnmp直接把npm改一下就可以）

　　如果您不打算开发大型单页应用，使用 Vuex 可能是繁琐冗余的。确实是如此，如果您的应用够简单，您最好不要使用 Vuex。一个简单的 store 模式就足够您所需了。但是，如果您需要构建一个中大型单页应用，您很可能会考虑如何更好地在组件外部管理状态，这时候vuex就是很好的选择了。

 

### 4.axios

　　axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中，安装axios在cmd中执行：npm install axios（安装的cnmp直接把npm改一下就可以）

 

#### 特性

• 从浏览器中创建 XMLHttpRequests
• 从 node.js 创建 http 请求
• 支持 Promise API
• 拦截请求和响应
• 转换请求数据和响应数据
• 取消请求
• 自动转换 JSON 数据
• 客户端支持防御 XSRF

 

### 5.UI框架（element，iview，vant）按需引入；

• iview是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。安装： npm install iview
• vant 轻量、可靠的移动端 Vue 组件库,是有赞开源的一套基于 Vue 2.0 的 Mobile 组件库,旨在更快、更简单地开发基于 Vue 的美观易用的移动站点。安装： npm install vant
• elementUI 是基于 Vue 2.0 桌面端中后台组件库。安装： npm install element