10.VueCLI和Vite

一、VueCLI脚手架

1.什么是vue脚手架
在软件工程中帮助我们搭建项目的工具称之为脚手架，vue项目使用的就是vue脚手架。
vue CLI
vue的脚手架就是vue CLI （Commend-Line Interface）命令行界面。通过CLI选择项目的配置和创建出自己的项目。

vue CLI 已经内置了webpack相关的配置，不需要从零开始配置。
2. Vue CLI 安装和使用
安装Vue CLI ：
全局安装：npm install @vue/cli -g
升级Vue CLI：
如果已经有旧的版本可以升级：npm update @vue/cli -g

通过Vue的命令创建项目
vue create 项目名

?  Your connection to the default yarn registry seems to be slow.
   Use https://registry.npmmirror.com for faster installation? Yes
1
2

选择预设

? Please pick a preset: Manually select features
1

然后根据项目需要进行选择，

? Check the features needed for your project: Babel, Linter
? Choose a version of Vue.js that you want to start the project with 3.x
1
2