(vue视频教程)(vue做卡点视频教程)

我是《零学IT》,今天给大家带来Vue-cli的入门教程，希望对你有所帮助

一、安装Node

1.下载node

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

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

2.安装node

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

3.验证

输入命令：npm -v

4.配置国内镜像 提高下载速度

执行命令：npm config get registry https://registry.npm.taobao.org

二、安装Vue-cli

1.简介

Vue.js 开发的标准工具

2.安装Vue-cli

执行命令：npm install -g @vue/cli

可能需要点时间，差不多10分钟左右，实际跟你网络有关

三、Vue-Cli创建Vue项目

1.win+r 进入 cmd命令

2.创建项目

执行命令：vue create esjobvue

3.选择默认方式

需要点时间，实际根据网络

4.创建成功

四、加载运行Vue项目

1.采用IDE进行加载项目

我这里使用的是Hbuidx

2.切换到项目路径

3.执行命令运行

执行命令：npm run serve

运行成功的时候，会显示一个访问地址

4.访问测试

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

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

没做样式处理，是不是很闪眼睛

有需要，代码和视频的，可以关注，私信我哟！