vue3 使用vue cli创建一个vue3项目教程指南

第一步

1 、使用vue --version 查看是否安装vue
如果没有安装,使用命令:npm install vue-cli -g 安装,安装成功之后会显示版本号

在这里插入图片描述

2 、创建项目:使用命令 vue create init-pwa-project创建项目,其中init-pwa-project为项目名,运行之后如下。

在这里插入图片描述
选择vue3创建:
在这里插入图片描述
安装成功提示:
在这里插入图片描述
在你的目录下就能看到已经创建成功的项目的文件夹
在这里插入图片描述

3、运行项目
  1. 进入init-pwa-project目录
  2. 运行命令npm run serve,得到如下运行结果
    在这里插入图片描述
4、网页效果

浏览器访问http://localhost:8081/或者相应的ip+端口
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_37617413/article/details/123505082