一、简介

既然你不小心点进来了，不妨耐心听我讲几句，吃不了亏，上不了当。我力求言简意赅地描述本文主旨，以便大家快速判断是否值得继续看下去。

最近在安装某些软件时发现，其竟然未提供直接安装方式，而是需要通过源码进行构建。而大部分软件的桌面端都使用 Eelectron 、Tarui 2.0 或 Flutter开发，其依赖于 Node 环境。 Node 是一个免费、开源且跨平台的 JavaScript 运行时环境，能让开发人员创建服务器、Web应用、命令行工具和脚本。所以为了能让大家都能基于源码进行构建，所以先出一期关于 windows 环境下搭建 node 环境的教程。

好了，闲言少叙，话归正题，诸君且听我娓娓道来。

Node的官网地址为：Node.js — 在任何地方运行 JavaScript

二、下载

在主页面点击“下载”便会跳转到下载页面：

当然， Node的最新版本是v25.21，但最新的长期支持版本是 v24.11.1(LTS)。大家可自行选择安装的版本。接着向下滑动便能看到 windwos安装包：

这里共提供了两个安装方式：安装程序和 独立文件。提议使用安装程序，如此便无需配置环境变量。当然，若倾向免安装的也可下载独立文件。我这里下载“Windows 安装程序”，下载后如下所示：

三、安装

双击安装包弹出如下页面：

点击“Next”开始配置相关协议：

这里直接勾选接收协议即可，勾选后点击“Next”开始配置安装目录：

这里点击“Change”可更换安装目录：

更换安装目录后如下所示：

接着点击“Next”开始选择安装的组件，这里保持默认即可：

接着点击“Next”开始配置一些本地模块，这里提议安装：

接着点击“Next”会提示已配置完毕，能进行安装：

点击“Install”后便会开始进行安装：

等待一会，安装完毕后会弹出如下提示：

接着点击“Finish”便可结束安装。安装完毕后打开命令行窗口，输入“node -v”，若打印 node 版本信息，则表明安装成功：

此外，node默认会安装 npm 项目管理工具，此时在命令行执行“npm -v”便能看到对应版本：

当然，部分软件用 yarn 做项目管理，此时可以管理员权限打开命令行后执行“corepack enable yarn”：

执行后执行“yarn -v”，若打印对应版本信息则表明启用成功：

四、配置

4.1 配置国内源

第一给出国内常见的 node 镜像源：

# 淘宝 
https://registry.npmmirror.com/ 
# 腾讯云 
https://mirrors.cloud.tencent.com/npm/ 
# 华为云 
https://mirrors.huaweicloud.com/repository/npm/ 
# 清华大学 
https://mirrors.tuna.tsinghua.edu.cn/

4.1.1 npm

第一可通过如下命令来查看默认的镜像源信息:

npm config get resitry

在命令行执行结果如下所示：

接着可通过 “npm config set registry 镜像源”命令来更新镜像源，如切换为淘宝镜像源，则最终执行命令如下:

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

在命令行执行结果如下所示：

接着再次执行查看镜像源命令，发现已切换为淘宝镜像源：

若需要切换为官方镜像源，则只需执行如下命令：

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

4.1.2 yarn

与 npm 类似，其也能通过 config get 的方式获取镜像源配置信息，对应命令如下所示：

yarn config get registry

执行结果如下所示：

设置镜像源的命令为“yarn config set registry 镜像源”，接着还是以设置淘宝镜像源为例，最终执行命令如下所示：

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

执行结果如下所示：

接着再次执行查看镜像源命令发现已切换为淘宝镜像源：

当然，若想切换回官方源，只需执行如下命令：

yarn config set registry https://registry.yarnpkg.com

4.2 配置全局模块目录和缓存目录

在修改配置前先在 node 安装目录下新建两个目录：node_global 和 node_cache：

为了区分 npm 和 yarn，需在两个目录中分别建立 npm 和 yarm 目录：

4.2.1 npm

接着通过 “npm config set prefix” 来设置global路径，通过 “npm config set cache” 设置 node_cache路径，对应格式如下所示:

# 设置global 
npm config set prefix global_path 
# 设置 cache 
npm config set cache cache_path

而本人的global 路径为：D:program
odejs
ode_global
pm，cache路径为：D:program
odejs
ode_cache
pm，故最终执行命令为：

# 设置
global npm config set prefix D:program
odejs
ode_globalnpm 
# 设置 
cache npm config set cache D:program
odejs
ode_cachenpm

执行结果如下所示：

接着通过 “npm config get prefix” 和 “npm config get cache”分别查看对应的信息：

不过此时还需设置一下环境变量。打开“设置” > “系统” > “系统信息”后，点击“高级系统设置”：

点击后弹出如下修改页面：

接着点击“环境变量”弹出环境变量修改页面：

接着选中上面用户变量的“Path”后点击“编辑”：

点击后弹出如下页面：

接着将“C:UserswypAppDataRoaming
pm” 修改为自定义的全局模块目录，我这里为“D:program
odejs
ode_global
pm”，修改后如下所示：

接着点击“确定”保存即可。安装完毕后通过”npm install webpack webpack-cli -g”来全局安装一下 webpack：

此时在修改后的全局模块安装目录中能看到已安装成功 webpack 和 webpack-cli 两个工具：

接着执行“webpack -v”，若能正确看到输出信息，则证明成功安装 webpack：

4.2.2 yarn

对于 yarn 而言，可通过 “yarn global dir”查看默认的全局安装目录，通过 “yarn cache dir”查看默认的缓存目录。执行结果如下所示：

接着通过 “yarn config set global-folder” 来修改全局安装目录，通过 “yarn config set cache-folder”修改全局缓存目录，对应格式如下所示：

 # 修改全局安装目录 
 yarn config set global-folder global_path 
 # 修改全局缓存目录 
 yarn config set cache-folder cache_path

本人打算将全局安装目录设置为：D:program
odejs
ode_globalyarn，全局缓存目录设置为：D:program
odejs
ode_cacheyarn，因此最终执行命令为：

 # 修改全局安装目录 
 yarn config set global-folder D:program
odejs
ode_globalyarn 
 # 修改全局缓存目录 
 yarn config set cache-folder D:program
odejs
ode_cacheyarn

执行结果如下所示：

接着用“yarn global dir” 和 “yarn cache dir”进行查看，发现已修改：

接着使用 “yarn global add webpack webpack-cli”命令来安装 webpack 和 webpack-cli 工具，执行结果如下所示：

此时在修改后自定义全局模块中也能看到添加的两个模块：

接着执行“webpack -v”：

到此，关于Windows环境下搭建 node 环境便已介绍完毕。