说明
这里记录下自己用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搭建成功。