命名项目：Project name : project1

选择模板：Select a framework: vanilla (空模板)

然后依次执行：

打开Local: http://localhost:3000/，访问页面如下：

现在项目文件目录如下：

分析当前的项目可发现是用最原生的html\javascript\css技术栈，我们想引入当前用到比较多的Vue2.x作为项目开发的主要框架，方便项目开发。

首先安装：npm install vue （此命令当前时间点默认安装Vue2）

然后我们创建一个项目源码的文件夹 src

在src目录下新建一个App.vue文件，按vue2的语法写一些内容

执行命令 npm install vite-plugin-vue2

新建配置文件 vite.config.js，并添加内容

再次运行 npm run dev, 继续报错

运行 npm install vue-template-compiler

再次执行： npm run dev

项目可以正常启动，使用Vite、Vue2搭的架子，接下来就可以愉快的做需求了。