Node.js环境搭建，设置下载资源到D盘（多图）

Node.js环境搭建，设置下载资源到D盘（多图）

下载node.js

1. node.js下载
2. 选择长期支持版本下载

安装node.js

1.修改安装的路径

2.不勾选node相关的工具

不勾选，不勾选，不勾选！

3.完成安装

之后一直next直到安装完成

4.检测安装是否成功

快捷键win+R，在运行中输入cmd，分别输入下方指令，查看node & npm的版本

node -v

npm -v

如果查询失败可以直接使用windows的搜索cmd并以管理员方式运行 命令提示符，如果不能正常显示需要卸载node.js重新安装

配置node_cache和node_global

配置这两个文件夹的目的主要是配置npm安装的全局模块所在的路径，以及缓存cache的路径，否则以后node下载的资源都会默认在C盘。

1.在node的安装路径下，新建node_cache和node_global两个文件夹

2.关联node_cache和node_global文件夹

以为的安装路径为例，我的node安装在D:\DevelopmentEnvironment\Node_js下，那么我的node_cache和node_global就是在D:\DevelopmentEnvironment\Node_js\node_cache和D:\DevelopmentEnvironment\Node_js\node_global

分别在命令行中分别输入

npm config set prefix "D:\DevelopmentEnvironment\Node_js\node_global"

npm config set cache "D:\DevelopmentEnvironment\Node_js\node_cache"

3.配置环境变量

环境变量的位置不赘述，参考window11设置环境变量

windows10的位置如下

新建系统变量NODE_PATH，变量值为D:\DevelopmentEnvironment\Node_js\node_global\node_modules

也就是说，我们需要在原本node_global的路径之后添加一个\node_modules

另外我们还需要在系统变量path中新建一个变量值D:\DevelopmentEnvironment\Node_js\node_global

4.配置npm镜像

配置镜像用于提升下载资源的速度，下方为淘宝的镜像，在cmd中输入下方指令即可

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

5.查看配置是否成功

为了尽量避免发生错误，请重新开启一个cmd窗口，在cmd中输入

npm config list

查看是否配置成功，出现红框中的内容表示配置成功

测试

由于我们的node中整合的npm不是最新版，所以我们可以通过使用如下指令来尝试更新npm，如果你是管理员权限启用的cmd，建议使用普通启动尝试一次

npm install npm -g

至此没有出现问题则说明安装与配置都已成功

如果发生如下报错，请参考我的解决方法——修改文件夹权限

修改文件夹权限

因为我们安装的node文件夹下，执行写入是需要管理员权限的，而我们直接运行的cmd是普通用户权限，而当我们在vscode中执行命令时，也是普通用户权限，所以我们需要修改node安装目录的访问权限，以及两个文件夹node_cache和node_global的访问权限

在文件夹上鼠标右键“属性”，选择“安全”选项卡，点击“编辑”，分别把每个用户的“完全控制”、“修改”、“写入”的权限都勾上，另外两个目录同理

再次尝试

npm install npm -g

安装成功，node的安装到此结束。

参考文献

[1] 切图仔小屈 - npm全局安装失败，报-4048错误（npm ERR code EPERMnpm ERR syscall mkdirnpm ERR path C:\…） - CSDN

[2] chenliji - node 安装到D盘 - 简书

[3] uietness_1 - Node、npm安装配置环境，Node在D盘安装（我称之为最好的） - CSDN

[4] 无道 - Webstorm编译scss（基于Ruby） - 腾讯云开发者社区