文章目录
前言
前两天安装了前端的环境之后就忙的起飞,马上周末了,再次拾起来这零零散散的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