Vite脚手架和Vite

在以前开发的时候，我们可以清晰的分开vue-cli和webpack，其实最主要的原因就是webpack是国外的，它有着单独的文档，而vue-cli属于vue团队的，他们是两个团队开发的不同的东西，所以我们对他们很敏感，分的也比较清，而且最新的vite，他们共属于vue，虽然是不同团队，但他们是同一个组织。包括vite文档，也有意弱化vite的存在感，他希望我们拿着就用，也是官网那句话开箱即用。

什么叫vite脚手架

在这里我们就不关注脚手架的概念了，我们把注意力集中在vite脚手架，官网再让我们创建一个vite项目的时候就是用的脚手架创建的

1
2
3

npm create vite@latest	#npm
yarn create vite	#yarn
pnpm create vite	#pnpm

我们可以简单理解为，vite脚手架给我们创建的项目，是vite团队最佳实践的产物，使用脚手架创建的项目，给我们提供了一套预设，几乎满足我们绝大多数情况下的开发，不需要我们额外配置别的东西，还是那句话 开箱即用。

何为预设？举个通俗的例子，在这个现代社会，大家都要去买房吧。当我们去购买房子的时候有两种方案，一种是毛坯房，空空如也，单纯的房子，里面啥都没有，需要自己去花精力装修、埋线、铺水管等等。而另一种就是精装修的，什么都已经做好了，甚至有些床、电器都给你安排上了。你要做的就是拿着行李进去住就好了。这里的毛坯房就是我们的工程，精装修的房子就是vite脚手架创建的工程。

我们自己搭建的项目需要安装vite、vue、less、post-css等等，但是换个角度想一想，这些东西是不是每一个项目都需要的，vite、less、post-css、babel这些支撑我们开发的东西，是不是每个项目都有的？或许有的项目是用react，但是这些是从大方向来说的。小方向：babel、post-css这些转换代码的插件，每个项目都需要，一个两个还好，如果多了呢？岂不是我们创建项目都是一个麻烦事，所以说这个东西就可以交给脚手架来处理，我们只需要去定制一些我们项目特殊的地方，比如说vite脚手架是安装less，我们需要用sass，那我们去安装对应的sass处理器即可。