Windows下的Node.js安装及环境配置

一、安装环境
1、下载对应你系统的Node.js版本: https://nodejs.org/en/download/
我这里下载的是node-v14.17.1-x64.msi
2.开始安装

默认安装到你自己的目录下即可，此处略

3.测试

打开cmd窗口，输入命令

2、修改全局依赖包下载路径
默认情况下，我们在执行npm install -g XXXX下载全局包时，这个包的默认存放路径位C:\Users\用户名\AppData\Roaming\npm\node_modules下，可以通过CMD指令npm root -g查看

C:\Users\liaijie\AppData\Roaming\npm\node_modules
但是有时候我们不想让全局包放在这里，我们可以自定义存放目录,在CMD窗口执行以下两条命令修改默认路径：

npm config set prefix “D:\node\node_global”
npm config set cache “D:\node\node_cache”
或者打开c:\node\node_modules\npm.npmrc文件，修改如下：

prefix =D:\node\node_global
cache = D:\node\node_cache

以上操作表示，修改全局包下载目录为C:\node\node_global,缓存目录为C:\node\node_cache,并会自动创建node_global目录，而node_cache目录是缓存目录，会在你下载全局包时自动创建

在这里插入图片描述
3、配置环境变量
因为我们修改了全局包的下载路径，那么自然而然，我们下载的全局包就会存放在D:\node\node_global\node_modules，而其对应的cmd指令会存放在D:\node\node_global

我全局安装一个vue-cli脚手架

npm install @vue/cli -g
安装完成后：

我使用CMD命令vue create myproject指令创建一个项目，显示如下
‘vue’ 不是内部或外部命令，也不是可运行的程序
或批处理文件。
这是因为我们在执行指令时，它会默认在node安装根目录下查找指令文件，在这里就是vue.cmd,然后还会在node安装根目录下的node_modules下查找依赖包文件夹，在这里就是@vue文件夹，因为我们修改了全局包的存放路径，所以自然找不到了，所以我们需要把我们指定的全局包存放路径添加到系统环境变量，这样就可以找到了

再次测试：

C:\Users\W>vue create myproject
? Your connection to the default npm registry seems to be slow.
Use https://registry.npm.taobao.org for faster installation? (Y/n)
OK,大功告成！！！！！