Vue全家桶介绍_vue全家桶有什么好处

大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46，售后保障稳定

全家桶：顾名思义。对于一个完整的中大型单页面应用项目所必须的插件和框架。
一、vue-cli
vue-cli 也叫脚手架，官方定义为Vue.js开发的标准工具！相比script标签引入
1）、功能丰富
对 Babel、TypeScript、ESLint、PostCSS、PWA、单元测试和 End-to-end 测试提供开箱即用的支持。
2）、易于扩展
它的插件系统可以让社区根据常见需求构建和共享可复用的解决方案。
3）、无需 Eject
Vue CLI 完全是可配置的，无需 eject。这样你的项目就可以长期保持更新了。
4）、CLI 之上的图形化界面
通过配套的图形化界面创建、开发和管理你的项目。
5）、即刻创建原型
用单个 Vue 文件即刻实践新的灵感。
6）、面向未来
为现代浏览器轻松产出原生的 ES2015 代码，或将你的 Vue 组件构建为原生的 Web Components 组件。
安装：

npm install -g @vue/cli
// 安装完成后创建一个项目， vue ui为图形化界面，相对简单
vue create test
# or
vue ui

Jetbrains全家桶1年46，售后保障稳定

二、vueRouter
Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：
1）嵌套的路由/视图表
2）模块化的、基于组件的路由配置
3）路由参数、查询、通配符
4）基于 Vue.js 过渡系统的视图过渡效果
5）细粒度的导航控制
6）带有自动激活的 CSS class 的链接
7）HTML5 历史模式或 hash 模式，在 IE9 中自动降级
8）自定义的滚动条行为
安装：

npm install vue-router
// 安装后在 mian.js 引入
import VueRouter from 'vue-router'

Vue.use(VueRouter)

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

npm install vuex --save

四、Axios
Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。
特性
1）从浏览器中创建 XMLHttpRequests
2）从 node.js 创建 http 请求
3）支持 Promise API
4）拦截请求和响应
5）转换请求数据和响应数据
6）取消请求
7）自动转换 JSON 数据
8）客户端支持防御 XSRF
安装：

 npm install axios

五、搭配UI框架如：iview、vant、elementUI
iview 一套基于 Vue的高质量UI 组件库(分为小程序和pc端等不同版本)；
vant 轻量、可靠的移动端 Vue 组件库,是有赞开源的一套基于 Vue 2.0 的 Mobile 组件库,旨在更快、更简单地开发基于 Vue 的美观易用的移动站点。
Ant Design Vue 是 Ant Design 的 Vue 实现，开发和服务于企业级后台产品。
elementUI 是基于 Vue 2.0 桌面端中后台组件库。
来源知乎：https://zhuanlan.zhihu.com/p/165511376