Vue3+vite搭建基础架构（1）---新建项目

说明

这里记录下自己用Vue3+vite的搭建过程，不使用ts语法，方便以后直接使用。

官方文档

vue3官方文档：https://cn.vuejs.org/guide/introduction.html
vite官方文档：https://cn.vitejs.dev/guide/

创建vite项目

根据vite官方文档说明，Vite 需要 Node.js 版本 18+，20+。所以这里我本地项目搭建的node版本为18.19.0版本。

创建vite项目的npm命令：

npm create vite@latest

选择完成后，项目成功创建如下:

对应文本夹出现你的项目：

vite-demo项目目录结构如下:

查看package.json里面的依赖版本：

启动项目

加载项目依赖后，文件目录会出现node_modules，里面就是项目安装的依赖包。

浏览器页面如下:
出现该页面说明项目初始化成功，vue3+vite搭建成功。