无锡云服务器电话

一、简介

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

最近在安装某些软件时发现，其竟然未提供直接安装方式，而是需要通过源码进行构建。而大部分软件的桌面端都使用 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

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

npmconfig get resitry

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

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

npm configsetregistry https://registry.npmmirror.com/

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

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

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

云服务器装arch

npm configsetregistry https://registry.npmjs.org/

4.1.2 yarn

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

yarn configgetregistry

执行结果如下所示：

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

yarn configsetregistry https://registry.npmmirror.com/

执行结果如下所示：

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

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

yarn configsetregistry 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路径，对应格式如下所示:

设置globalnpm configsetprefix global_path设置 cachenpm configsetcachecache_path

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

设置globalnpmconfig set prefix D:program odejs ode_globalnpm设置cachenpmconfig 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 configsetglobal-folder global_path修改全局缓存目录yarn configsetcache-folder cache_path

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

修改全局安装目录yarn configsetglobal-folder D:program odejs ode_globalyarn修改全局缓存目录yarn configsetcache-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 环境便已介绍完毕。

云服务器调证范围