vue3：2、使用新一代Vue脚手架create-vue以及pnpm包管理器，创建项目

webpack构建流程图

识别入口文件---》分析路由----》路由的每个模块分析---》bundle---》项目启动
 

vite构建过程

项目启动---》分析当前路由----》当前路由的每个模块分析

 

前言（1）：create-vue 

create-vue，即官方的项目脚手架工具，提供了搭建基于 Vite 且 TypeScript 就绪的 Vue 项目的选项。 

前言（2）：pnpm

包管理器的进化路径:    npm  =>  yarn   =>   pnpm 

pnpm 代表 performant npm（高性能的npm），同 npm 和 Yarn，都属于
Javascript 包管理安装工具，它较 npm 和 Yarn 在性能上得到很大提升，被称为
快速的，节省磁盘空间的包管理工具。

使用create-vue创建项目

1、前置环境条件

已安装16.0或者更高版本的Node.js

2、创建一个vue应用【 】

方法一：create-vue  ——npm的安装命令

# 安装并执行create-vue
npm init vue@latest  

这一指令将会安装并执行 create-vue，它是 Vue 官方的项目脚手架工具。你将会看到一些诸如 TypeScript 和测试支持之类的可选功能提示

方法二：create-vue ——pnpm的安装命令（pnpm对node版本也有要求，最好14以上版本，在这个环境中使用pnpm）

npm install -g pnpm   //先全局安装pnpm

pnpm create vue  //创建vue项目

 如果使用的npm。检查一下npm和node的版本是否能对应上。根据一下网址： 

以往的版本 | Node.js

安装选择如下图： （根据项目情况自行选择）