史上最新、最详的Vue-Cli 4.2.3版本应用,看这一篇足以

Vue-cli

一、安装Node

1.下载node

地址:https://nodejs.org/en/download/

里面包含了npm(管理js各种包)

2.安装node

一路《下一步》,可视化安装

3.验证

输入命令:npm -v
node和npm安装成功4.配置国内镜像 提高下载速度
执行命令:npm config get registry https://registry.npm.taobao.org
在这里插入图片描述

二、安装Vue-cli

1.简介

Vue.js 开发的标准工具
vue-cli2.安装Vue-cli

执行命令:npm install -g @vue/cli
Vue-cli4.2.3

三、Vue-Cli创建Vue项目

1.win+r 进入 cmd命令
在这里插入图片描述2.创建项目

执行命令:vue create esjobvue
在这里插入图片描述3.选择默认方式
在这里插入图片描述4.创建成功
在这里插入图片描述

四、加载运行Vue项目

1.采用IDE进行加载项目

我这里使用的是Hbuidx
在这里插入图片描述2.切换到项目路径
在这里插入图片描述3.执行命令运行

执行命令:npm run serve
在这里插入图片描述4.访问测试

浏览器直接访问上面的地址就可以啦

忘记截图啦,就用之前写的的一个基于ES快速搜索的截图代替

没做样式处理,是不是很闪眼睛有需要,代码和视频的,可以关注,私信我哟!

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值