vue学习日记（使用vite和vue-cli3.x新建项目并运行）

前言

前两天安装了前端的环境之后就忙的起飞，马上周末了，再次拾起来这零零散散的vue学习，今天想成功新建和运行起来一个vue项目
如果需要查看vue前期环境搭建工作的可以查看我的上一篇博客
vue学习日记day-1（安装node和vue）

一、使用vue-cli3.x创建

1.打开你要创建vue项目的文件夹，在路径前输入cmd 按回车键进入命令窗口

2.输入命令

vue create 【项目名】

直接选择创建vue3项目按下回车即可；出现此窗口即算是创建成功；

3.运行

在刚刚结束的命令行窗口内 进入你创建的项目内，再使用npm run serve命令即可开始运行

出现此情况证明启动成功，在浏览器输入地址即可打开

二、使用npm init vue@latest 创建项目，基于vite打包

1.参照1的方式在你要创建项目的目录打开命令行窗口，输入

npm init vue@latest 

按提示输入项目名称和其他配置信息即可创建成功，

按以上提示进行操作进行成功运行起来vue