win系统下安装node、npm、vue（保姆级教程）

一、安装node.js

1、Node.js 官方网站下载：https://nodejs.org/en/

2、点击下载后，安装对应下载软件（基本都是一路next）有几处是可以改安装位置，建议别安装在系统盘。下图这里修改为自己的位置，我的位置是：D:\nodejs

另外这里要注意一下，该过程是会直接添加到系统变量Path

3、之后就是一路next就行了。

二、检查并设置

由于上面安装已经把变量加入到Path，可以直接cmd打开命令行输入以下命令

npm -v  #查看npm版本
node -v  #查看node版本

由于npm安装会下载到默认系统盘，所以要进行修改，不然会导致系统盘空间逐渐变少
在对应的位置创建两个文件夹node_global与node_cache。

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

npm config list  #查看基本配置

设置淘宝镜像源

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

查看设置是否成功

npm config get registry

另外设置好对应的两个文件夹后，得去系统变量→path→添加对应的node_global文件夹位置，不然会导致安装后的包在cmd里找不到

三、安装cnpm、vue

直接在cmd上输入以下代码即可，若上面已经设置好镜像源，可以把 --registry==https://registry.npm.taobao.org去掉

npm install -g cnpm --registry=https://registry.npm.taobao.org

检查安装是否成功（在cmd命令直接输入，若出现错误，则说明path那里没有摄制队）

cnpm -v

vue、vue-router、vue-vli都是直接在cmd输入以下代码即可

npm install vue -g
npm install vue-router -g
npm install vue-cli -g

安装完后，通过命令检查

vue -V  #注意-V是大写字母

若出现不是内部程序报错，则检查系统变量path是否有正确指向所安装的node_global

总结：

第一先安装node，直接跟着安装包走就行；

第二，设置npm全局缓存位置，并把位置设置到系统变量中；

第三，设置国内淘宝镜像源；

第四，按着命令去install vue全家桶以及cnpm就可以了。