Vue全家桶一般来说指的是脚手架vue-cli、路由vue-Router、状态管理模式vuex、Axios、elementUI等ui框架和打包工具webpack,下面我们分别介绍。
1. 项目构建工具:vue-cli
vue-cli也叫脚手架,官方定义为Vue.js开发的标准工具。Vue-cli是一个基于Vue.js进行快速开发的完整系统,可以自动生成Vue.js+webpack的项目模板。Vue cli提供了强大的功能,用于定制新项目、配置原型、添加插件和检查webpack配置。@vue/cli 3.x版本可以通过vue create命令快速创建一个 新项目的脚手架,不需要像vue 2.x那样借助于webpack来构建项目。
相比scirpt标签引入,vue-cli脚手架具有一下特点:
1)功能丰富
对 Babel、TypeScript、ESLint、PostCSS、PWA、单元测试和 End-to-end 测试提供开箱即用的支持。
2)易于扩展
它的插件系统可以让社区根据常见需求构建和共享可复用的解决方案。
3)无需 Eject
Vue CLI 完全是可配置的,无需 eject。这样你的项目就可以长期保持更新了。
4)CLI 之上的图形化界面
通过配套的图形化界面创建、开发和管理你的项目。
5)即刻创建原型
用单个 Vue