vue3新建项目的过程（使用vite）

本文参考菜鸟教程https://www.runoob.com/vue3/vue3-install.html；

在新建vue3项目中，菜鸟教程中推荐使用 Vite ，这里也使用Vite来构建项目，（Vite中文网地址：https://vitejs.cn/guide/ ）；

新建项目的步骤：（按照图片往下走就可以）

 

     这里没有选择ts版的vue

 进入vue3-vite-demo目录下进行 npm install

 

 

 项目新建完成后，成功运行了，但是在App.vue页面中出现警告：

vue3项目中，一个文件下可以有多个根元素；解除警告的办法如下：

解除警告

 

 到此一个vue3 + Vite 新建的demo创建完成 ：浏览器地址栏输入 localhost:3000 即可访问页面：