VUE脚手架（vue-cli）安装

目录

一、简介

二、详细步骤

①安装Node.js

②修改环境

③配置环境变量

④下载VUE脚手架

---

一、简介

本篇文章主要用于介绍如何在计算机上安装VUE脚手架

二、详细步骤

①安装Node.js

Node官网

Node.js (nodejs.org)

 选择下载稳定版本

将下载得到的安装包进行安装即可，安装完成后，在cmd中输入

node -v

 查看node版本

 

 有如上显示，即为node安装成功

②修改环境

首先进入安装node的目录下（我的目录为D:\node），创建cache和global两个文件

 然后再cmd中分别输入如下命令

npm config set prefix "D:\node\global"
npm config set cache "D:\node\cache"

 

 接着配置国内淘宝源（可以使我们下载文件的速度不会特别卡）

npm config set registry https://registry.npm.taobao.org

 以上配置完成后，使用如下命令查看配置是否正确

npm config ls

③配置环境变量

打开文件资源管理器，右键选择此电脑，点击属性

 下滑点击高级系统设置

 选择环境变量

 点击系统变量的新建

 新增变量名NODE_PATH，变量值选择安装Node的目录下的node_modules

 然后双击系统变量中的Path

点击新建，将如下两个环境变量添加进Path中即可

 

④下载VUE脚手架

在cmd中输入如下命令行即可

npm install -g @vue/cli

 等待下载完成后，输入

vue -V

 当能够得到vue的版本即代表VUE脚手架安装成功。如果报错，重启cmd，再重新输入命令即可