vue-cli3安装

vue-cli3安装

通过cmd命令,进入随便一个盘随便一个文件夹,准备安装vue-cli3
在这里插入图片描述
安装命令如下,在cmd中输入以下命令,等待安装即可

npm install -g @vue/cli

安装完成后,在cmd中输入以下命令,若出现vue版本号,即安装成功

vue -V

继续在cmd中输入以下命令

vue ui

或者打开浏览器,在地址栏输入图形界面地址
毕竟图形界面运行速度比较慢,图形界面主要适合于初学者。

localhost:8000

在这里插入图片描述
出现页面后
点击项目
点击在此创建新项目

在这里插入图片描述
填写文件名
包管理器选择npm
继续下一步
在这里插入图片描述
选择手动
继续下一步
在这里插入图片描述
Babel是必选的,包含系统所必备的配置信息
选中Babel和Router,其他的暂时不选,比如Linter/Formatter,将选择关掉就好,以后需要的时候还可以再补充安装
选择下一步
在这里插入图片描述
点击创建项目
在这里插入图片描述
会弹出是否保存为预设窗口,如果保存为预设,就相当于模板了,以后再创建新项目的时候就可以按照刚才的套路来
这里选择创建项目,不保存预设
在这里插入图片描述
创建项目会很慢,需要耐心等待
在这里插入图片描述创建完成后,即可看到如下界面
在这里插入图片描述
选择任务,再选择serve,serve为启动服务,点击运行
在这里插入图片描述
待运行完成后,就可以点击启动app,或者新开标签页,在地址栏输入localhost:8080

localhost:8080

在这里插入图片描述
会出现以下欢迎界面
在这里插入图片描述

欢迎使用您的Vue.js应用!

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值