vue项目的创建方式

nvm,node,vue安装:

我之前的一篇文章:https://blog.csdn.net/Test20201990/article/details/134751581

方式一:

1、进入要放项目的文件夹
2、在空文件件处打开终端命令提示窗口(或者cd,切到该目录)
3、敲命令:vue create 项目名称
在这里插入图片描述

4、项目配置:选择默认的vue2,vue3(按项目需求选择),当然也可以手动一项项调整(Manually select features)
5、我们这边选择vue2,回车,进入包的安装过程
在这里插入图片描述

6、完成后会提示2个命令,键入这两个命令后就可以启动项目了
在这里插入图片描述

7、成功启动项目,访问提示的2个地址都能够访问前端页面了
在这里插入图片描述
在这里插入图片描述
8、ctrl+c,停止项目

方式二:

1、进入要放项目的文件夹
2、在空文件件处打开终端命令提示窗口(或者cd,切到该目录)
3、敲命令:vue ui
在这里插入图片描述

4、会自动弹出项目配置页面(或自己手动进入)
在这里插入图片描述

5、点击创建-新建项目
在这里插入图片描述

6、按需配置,下一步-下一步-直至完成
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

使用UI创建项目,看起来更清晰点,
创建完成了。
在这里插入图片描述

进入任务,点击serve-运行,编译打包完成后,再启动app,就直接跳转到前端页面了
在这里插入图片描述
在这里插入图片描述

方式三:

1、进入要放项目的文件夹
2、在空文件件处打开终端命令提示窗口(或者cd,切到该目录)
3、敲命令:npm init vue@latest(这一指令将会安装并执行create-vue)
4、录入项目名称:
在这里插入图片描述

5、按需选择相关配置:
在这里插入图片描述

6、执行提示命令后,成功启动项目
在这里插入图片描述

在这里插入图片描述

  • 5
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值