安装前首先理清nodejs和npm的关系：
node.js是javascript的一种运行环境，是对Google V8引擎进行的封装。是一个服务器端的javascript的解释器。
包含关系，nodejs中含有npm，比如说你安装好nodejs，你打开cmd输入npm -v会发现出现npm的版本号，说明npm已经安装好。
npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要 npm install就可以安装）开始：
因为需要使用 npm 安装 Vue CLI，而 npm 是集成在 Node.js 中的，所以第一步我们需要安装 Node.js，访问官网 https://nodejs.org/en/，首页即可下载。

我们一般选择左边的版本进行下载安装，此版本为长期支持的稳定版本，右边的为最新版本（看个人喜好）；
下载完成后双击运行安装包，一路下一步就行。（安装路径可根据自己的习惯进行选择，我安装到了D盘下）然后在 cmd 中输入 node -v，检查是否安装成功。


如图，出现了版本号（根据下载时候的版本确定），说明已经安装成功了。同时，npm 包也已经安装成功，可以输入 npm -v 查看版本号
r然后输入 npm -g install npm ，将 npm 更新至最新版本。（因为node自带的npm版本可能不是最新版本）
更新之后，使用 npm install -g vue-cli 安装脚手架。

这样vue cli就安装完成了；但此时npm的本地仓库是在c盘的而不是在其他盘，即vue cli是下载到可c盘下，如想要更改npm的本地仓库在安装完node后做如下操作：
首先在c盘用户目录下找到这两个目录(如果没见到npm-cache是因为没有用过，一使用缓存目录就生成了)，

我们试图把这2个目录移动回到D:\nodejs 先如下图建立2个目录

然后运行以下2条命令 ：

npm config set prefix "D:\nodejs\node_global" 
npm config set cache "D:\nodejs\node_cache"

然后输入命令 npm list -global

下载就可以更新npm了，输入npm -g install npm更新npm至最新版本，


接下来我们就可以安装 Vue CLI了 输入命令npm install -g vue-cli进行安装。

这样就能在自己更改的目录下看到现在的内容了。这样npm的本地仓库也就更改完毕了。
输入命令 vue -V来查看版本，此时可能会报vue不是内部命令，

编辑path路径，

重新打开CMD，并且测试vue是否使用正常

本文参考来源：

1. Vue + Spring Boot 项目实战（二）：使用 CLI 搭建 Vue.js 项目
2. vue.js中npm安装教程图解