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

史上最新、最详的Vue-Cli 4.2.3版本应用,看这一篇足以_第1张图片

一、安装Node

1.下载node

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

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

2.安装node

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

3.验证

输入命令:npm -v
史上最新、最详的Vue-Cli 4.2.3版本应用,看这一篇足以_第2张图片4.配置国内镜像 提高下载速度
执行命令:npm config get registry https://registry.npm.taobao.org
史上最新、最详的Vue-Cli 4.2.3版本应用,看这一篇足以_第3张图片

二、安装Vue-cli

1.简介

Vue.js 开发的标准工具
史上最新、最详的Vue-Cli 4.2.3版本应用,看这一篇足以_第4张图片2.安装Vue-cli

执行命令:npm install -g @vue/cli
史上最新、最详的Vue-Cli 4.2.3版本应用,看这一篇足以_第5张图片

三、Vue-Cli创建Vue项目

1.win+r 进入 cmd命令
史上最新、最详的Vue-Cli 4.2.3版本应用,看这一篇足以_第6张图片2.创建项目

执行命令:vue create esjobvue
史上最新、最详的Vue-Cli 4.2.3版本应用,看这一篇足以_第7张图片3.选择默认方式
史上最新、最详的Vue-Cli 4.2.3版本应用,看这一篇足以_第8张图片4.创建成功
史上最新、最详的Vue-Cli 4.2.3版本应用,看这一篇足以_第9张图片

四、加载运行Vue项目

1.采用IDE进行加载项目

我这里使用的是Hbuidx
史上最新、最详的Vue-Cli 4.2.3版本应用,看这一篇足以_第10张图片2.切换到项目路径
史上最新、最详的Vue-Cli 4.2.3版本应用,看这一篇足以_第11张图片3.执行命令运行

执行命令:npm run serve
史上最新、最详的Vue-Cli 4.2.3版本应用,看这一篇足以_第12张图片4.访问测试

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

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

史上最新、最详的Vue-Cli 4.2.3版本应用,看这一篇足以_第13张图片有需要,代码和视频的,可以关注,私信我哟!

你可能感兴趣的:(Web前端)