Vue-CLI和脚手架

Posted 2020-11-08 有蚊子

　　我们学习Vue时，很多教程都会说到用Vue-CLI构建项目，那么什么是脚手架？什么是Vue-CLI？为什么要用脚手架，好处在哪？以及为何我们用Vue开发项目时要用到Vue-CLI？

　　首先，CLI为command-line interface的缩写，意为：命令行界面。注意，CLI不是“脚手架”的英文简称，而是command-line interface的英文简称。Vue CLI 是一个 Vue.js 快速开发的完整系统，它所具有的一项功能是：

• 为单页面应用快速搭建 (SPA) 繁杂的脚手架。

　　什么是脚手架，我在知乎看到这么一个回答：

作者：@王欢 链接：https://www.zhihu.com/question/29075085/answer/89567700

这里是stackoverflow上的一个回答：

　　Scaffolding is a meta-programming method of building database-backed software applications. It is a technique supported by some model-view-controller frameworks, in which the programmer may write a specification that describes how the application database may be used. The compiler uses this specification to generate code that the application can use to create, read, update and delete database entries, effectively treating the template as a "scaffold" on which to build a more powerful application.

翻译过来就是：

　　“脚手架”是一种元编程的方法，用于构建基于数据库的应用。许多MVC框架都有运用这种思想。
程序员编写一份specification（规格说明书），来描述怎样去使用数据库；而由（脚手架的）编译器来根据这份specification生成相应的代码，进行增、删、改、查数据库的操作。我们把这种模式称为"脚手架"，在脚手架上面去更高效的建造出强大的应用！

　　大概意思是，对于一些基础的，常规的实现，我们利用一种工具，在工具里设置好我们要的效果，让工具来自动生成标准的代码，这种模式叫做脚手架，这样的好处呢，就是省时间和功夫。MVVM框架，它本质上就是MVC 的改进版，同时继承了“脚手架”的思想，所以我们可以利用Vue提供的Vue-CLI来生成脚手架，从而达到构建项目的目的，这样你就可以专注在撰写你的应用上，而不必花好几天去纠结配置的问题。另外，由于Vue脚手架工具提供标准配置，因此你不必自己去探索出来一种标准的配置，Vue的开发者已经帮你做了这些事情，但是，这也并不代表这个脚手架是不可修改的标准，因为Vue-CLI也为每个工具提供了调整配置的灵活性。