node.js模板安装时容易产生的问题及解决

安装及环境配置教程是根据桃之纷纷的文章走的步骤。2024最新版Node.js下载安装及环境配置教程【保姆级】_nodejs下载-优快云博客

由于我之前已经安装过几版失败的node.js，但整体来说步骤其实已经走到检查配置是否已经完成这一步了，索性就从这个步骤继续走下去。

1、检查node和npm是否已经安装好

版本已经显示，可以看出已经安装好了。

2、设置node.js的全局安装路径和缓存路径，这一操作主要目的是为了让之后安装或缓存什么东西呀之类的可以存在我们指定的地方。

// 全局安装路径
npm config set prefix "C:\soft2\nodejs\node_global"
// 缓存路径
npm config set cache "C:\soft2\nodejs\node_cache"

根据代码依次输入，路径是自己node安装好的路径，然后输入以下这两个代码会显示出设置后的路径。

npm config get prefix
npm config get cache

如图，我已经设置完成。 

易错点：是npm config get 不是set ！！！

我看花眼把get打成set导致我重复安装好几次都没发现问题……

上述配置完成后接下来要添加环境变量

3、添加环境变量

①添加系统变量

变量名：NODE_PATH

变量值：D:\common\develop\Nodejs\node_global\node_modules

蓝色部分是你自己的node_global的安装路径，后面需要加一个node_modules。

桃之纷纷这位博主说随后在后续安装完express模块之后就会发现在【node_global】里自动多出了一个【node_modules】文件夹，我以为是路径设置好了就会在【node_global】出现【node_modules】文件夹，但其实并不是当时就出现，而是后续她给出的步骤做完后才出现。可是我在添加好变量后看没有出现【node_modules】文件夹就提前新建了一个，哈哈哈……其实也没有影响啦。

②编辑【用户变量】中的【Path】

将默认的 C 盘下【 AppData\Roaming\npm 】修改成 【node_global】的路径，点击【确定】

③在【系统变量】中选择【Path】点击【编辑】后点击新建【%NODE_PATH%】，随后一直点击【确定】直到关闭所有窗口即可。

4、安装一个模块测试一下

npm install express -g    // -g代表全局安装

这里也要注意一下，如果安装结果半天出不来，可以先安装一下淘宝镜像。

npm config set registry https://registry.npmmirror.com

查看是否成功

npm config get registry

成功后是这个样子 

然后再来安装模块，成功后是这个样子。

5、总结。

①npm config get 不要打成npm config set

npm config get prefix
npm config get cache

②在测试环节，如果模块安装半天都没安装好，可以先添加一个淘宝镜像。

最后，感谢桃之纷纷~