Vue脚手架的安装(保姆级教程)

89 阅读1分钟

Vue脚手架的安装(保姆级教程)

1.下载vscode

vscode下载地址

2.node下载

node下载

1.打开cmd

node -v

npm -v

在这里插入图片描述 2.在node的下载目录新建文件 node_global 和 node_cache 在这里插入图片描述

==修改文件的权限== 在这里插入图片描述

3.设置淘宝镜像

npm config set registry https://registry.npmmirror.com

4.查看淘宝镜像

npm config get registry

在这里插入图片描述

5.Vue脚手架的安装
npm install -g @vue/cli

在这里插入图片描述 测试安装是否成功

Vue -v

在这里插入图片描述

到这为止,Vue 脚手架已经安装完成了。但是有两个概念需要区分开: 我们学习的 Vue 版本的 2.X,脚手架的版本是 4.5.12 Vue 可以理解为中式建筑风格,经过更新升级,现在是 2.X 版本 Vue 脚手架可以理解为盖房包工队,也在不断改造,现在是 4.5.12

6.创建Vue项目

在自己新建的文件下,用cmd打开

vue create my_project

在这里插入图片描述 选择vue2 在这里插入图片描述 此时项目创建成功

7.项目的运行

直接将项目拖到vscode里面, 在终端中输入 npm run serve

在这里插入图片描述 至此Vue的脚手架搭建完毕了。