自定义安装node.js和vue3脚手架

一、安装node.js

nodejs下载地址：http://nodejs.cn/download/
注：安装的时候自定义安装路径，其他都是下一步。

安装完成之后检查安装结果：
1、win+R 输入 cmd 打开windows命令行，在命令行中输入：node -v 查看node安装结果

报错，需要配置node环境变量，将node.js安装路径配置到系统环境变量即可，配置方法在本文下面的vue环境变量配置（windows10系统）


注：环境变量配置完成之后重新打开新的命令行窗口（管理员方式打开）。

二、安装vue3

1、卸载nodejs自带的vue-cli

（1）win+R 输入 cmd 打开windows命令行，输入命令：npm uninstall vue-cli -g
（2）修改通过npm下载的全局包保存在本地的路径

a) 查看保存的路径：win+R  输入 cmd 打开windows命令行，输入命令：npm root -g

注：默认情况下，执行npm install -g XXXX时，下载了一个全局包，这个包的默认存放在上图的node_global路径下。

b) 修改全局包保存路径
	--在nodejs安装目录中新建两个文件夹：node_cache和node_global（名称可自定义，最好和默认路径的保持一致）

c）修改node下载全局包保存路径配置

	--设置cache路径：cmd命令行执行命令：npm config set cache "D:\nodejs\node_cache"
	--设置global路径：cmd命令行执行命令：npm config set prefix "D:\nodejs\node_global"
	--查看设置之后的路径： npm root -g
	
	**注：路径要和自己自定义的路径一致**

2、安装vue-cli 3.*
a）win+R打开cmd命令行，输入命令：npm install -g @vue/cli

如果报错：关掉命令行窗口，重新以管理员方式打开命令行

安装成功的结果:

b) 查看vue版本：命令行输入：vue -V

报错：此处需要在添加系统环境变量

因为vue-cli是安装在D:\nodejs\node_global目录下的，因此将此路径添加到系统环境变量中就可以了。
windows10系统配置环境变量：

注：配置完成环境变量之后需要关闭命令行窗口，重新打开，在旧窗口输入的命令不会生效

此时vue-cli安装成功