VUE 下载和安装教程

一.先要下载安装node.js

1.前往node官网下载node.js

官网地址：
https://nodejs.org/zh-cn

2.安装node.js

下载完后双击安装包

安装步骤：

可以选择想要安装的目录

这里不勾选，勾选会新增很多不需要用的工具

查看版本命令 显示版本说明已经安装成功

二.使用npm安装vue

1.配置全局模块安装目录和缓存目录

在nodejs安装的目录创建两个空文件夹：node_cache和node_global

打开cmd，依次输入下面两行

npm config set prefix "C:\Program Files\nodejs\node_global"

npm config set prefix "C:\Program Files\nodejs\node_cache"

2.配置环境变量

将用户变量中的C:\Users\Administrator\AppData\Roaming\npm改node的安装路径\node_global

3.配置远程镜像

执行下面命令

npm config set registry https://mirrors.huaweicloud.com/repository/npm/	

我这里配置的华为的镜像,也可以配置国内其他的镜像

淘宝 NPM 镜像：http://registry.npmmirror.com
阿里云 NPM 镜像：https://npm.aliyun.com
腾讯云 NPM 镜像：https://mirrors.cloud.tencent.com/npm/
华为云 NPM 镜像：https://mirrors.huaweicloud.com/repository/npm/

4.npm安装vue手脚架

安装vue和vue手脚架

npm install vue -g
npm install @vue/cli -g

这里vue已经安装成功

三.创建vue实例

切换到创建vue项目 cmd


选择vue2还是3

显示创建成功

使用vscode打开此项目, 在终端执行 npm run serve

到这里vue项目创建并启动成功