前置条件

Vue课上环境安装-vscode|nodejs|npm|yarn - 犯困乐的博客

创建项目

使用命令yarn create vite test --template vue 创建一个项目名为test项目模板为vue的项目

命令模板是yarn create vite <项目名称> --template <项目模板>

这里我们选择yes（安装完成后自动启动的意思）耐心等待即可，如果太慢啊可以切换国内数据源

验证

项目创建完成后会出现以下文件

控制台也会输出项目的地址，此时我们点击这个地址就可以看到项目的效果

项目的启动

首先我们先进入我们的项目目录，如我们刚刚创建的项目名字是test，我们要进入这个目录里面进行启动，使用命令 cd <项目路径> 这里我们使用 cd .\test\ 进入到test文件夹

随后我们启动项目，使用命令yarn dev ,随后控制台就会输出项目的访问地址了

进入这个地址 http://localhost:5173/ 就会看到我们的项目效果了