创建vue项目(图形化和命令行)

图形化:

1.进入命令框(windows+R,输入CMD)

在这里插入图片描述
2. 输入 vue ui,回车

在这里插入图片描述

如果这里打不开,请看此处:

在这里插入图片描述
再浏览器中,打开给出的网址,就进入了,本地的vue管理项目:

在这里插入图片描述
3.创建项目
点击创建项目会进来这么一个界面:

1.填写项目名
2.选择包管理器
3.选择初始化git仓库

在这里插入图片描述下一步之后会让你选择创建模式:
在这里插入图片描述
我们选择手动,此时会让我们选择需要使用的库和插件,比如bebel、vuex、vue-router 等常用的库
在这里插入图片描述
接下来会让我们进入到插件的具体配置,比如:
在这里插入图片描述配置完成后点创建项目,此时会弹出:
在这里插入图片描述
这是让你保存本次的配置,下次创建项目可以直接使用保存的这套配置。

在这里插入图片描述

4.管理项目
经过上面都步骤,项目创建完成,你可以看到下面这个管理页

在这里插入图片描述
我们来介绍一下这三个菜单:
插件:可以从插件商店下载安装各种网上都插件
在这里插入图片描述配置: 对已安装对插件配置管理
在这里插入图片描述任务:就是各种可运行的命令,如打包、本地调试。
在这里插入图片描述
运行 serve (在vue cli 2.x版本中是dev 这里是一重大改变!)任务,我们可以看到,我们新建的项目已经跑起来了:
在这里插入图片描述
此时我们输入 localhost:8080 就可以看到
在这里插入图片描述
5.导入本地的项目
在这里插入图片描述
6.管理项目
列出已有的项目
在这里插入图片描述

命令行:

  1. 在终端,找到相对应的目录下,创建vue项目
vue create vue_project_name

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-fPt4fDB5-1651932437200)(https://mg-blog.csdnimg.cn/d5da17d2aba94a54bbda44592897e7e5.png)]
2.此时会出现两个选项询问你需要安装哪些功能

第一项是默认方式创建vue3 项目,第二项默认创建vue2项目,第三项是手动选择功能创建vue项目

按键盘↑或↓来选择

选择手动模式
在这里插入图片描述

3.安装完

运行vue项目
npm run serve

在这里插入图片描述
进入vue主页面
在这里插入图片描述

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值