本文详细讲解Windows系统下Node.js环境的搭建步骤,涵盖LTS版本下载解压、环境变量Path配置、npm全局模块与缓存路径自定义,以及更换淘宝镜像加速包下载的全过程,帮助开发者快速完成前端开发基础环境准备。
Node.js环境搭建图文详解:从下载到配置淘宝镜像
作为一名Java开发者,我对前端领域充满好奇并决定深入探索。学习新技术前,搭建开发环境是必不可少的第一步,因此整理这份Node.js环境搭建教程以供参考。
Node.js 是一个让 JavaScript 运行在服务端的开发平台。
官方网址为 https://nodejs.org。
下载与解压Node.js
下载环节。
下载地址位于 https://nodejs.org/en/download/。

本次演示选择LTS长期支持版,采用.zip解压版(也可使用.msi安装版),点击右侧[64-bit]即可开始下载。
解压环节。
将文件解压至目标文件夹,具体操作如图所示:

解压完成后,目录中会出现 node-v8.12.0-win-x64 文件夹。
配置Node.js环境变量
配置环境变量环节。
操作路径为:[我的电脑]-右键-[属性]-左侧[高级系统设置]-下方[环境变量]。
界面示意图如下:




若需在cmd命令行中使用node命令,需在Path变量中添加node安装路径。点击编辑按钮,新增node安装路径即可。 以下是Win10界面,点击编辑文本按钮可切换至与Win7相似的界面。


D:\aqqaz\dev\node\node-v8.12.0-win-x64 是我的安装目录,请替换为你自己的实际目录!!!!!!
或者在编辑框中追加对应自己的node路径。
;D:\aqqaz\dev\Java\jdk1.8.0_181\bin; 至此,Node.js基本环境配置完成。
测试Node.js环境
测试Node环境环节。
按下快捷键Win+R,输入cmd,点击确定按钮打开命令行窗口。


输入命令 node -v。
系统将返回Node版本信息。
输入命令 npm -v。
系统将返回npm版本信息。
若上述命令均能正常返回结果,表示环境变量配置成功。
此处说明:新版Node.js已内置npm,安装Node.js时会一并安装。npm用于管理Node.js依赖包,可理解为安装或卸载Node.js所需组件的工具。
配置npm全局路径与缓存
配置环境变量(npm相关)。
此处主要配置npm安装的全局模块路径及缓存cache路径。因为后续使用Node.js时频繁通过npm命令下载包,例如 npm install express [-g](-g代表全局安装),默认会将模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径,占用C盘空间。
在Node安装目录下,即 node-v8.12.0-win-x64 文件夹内,新建 node_cache 和 node_global 两个文件夹。
node_cache 用于存放缓存文件,node_global 用于存放下载的包。
具体结构如图所示。

随后,在Node环境中进行设置:按Win+R运行cmd,进入命令行窗口。
依次输入以下命令:
npm config set prefix "D:\aqqaz\dev\node\node-v8.12.0-win-x64\node_global"
然后按回车键执行。
npm config set cache "D:\aqqaz\dev\node\node-v8.12.0-win-x64\node_cache"
D:\aqqaz\dev\node\node-v8.12.0-win-x64 是我的安装目录,请替换为你自己的实际目录!!!!!!

接着在环境变量中新建变量,变量名为【NODE_PATH】,变量值为【D:\aqqaz\dev\node\node-v8.12.0-win-x64\node_global\node_modules】,点击确定。 D:\aqqaz\dev\node\node-v8.12.0-win-x64 是我的安装目录,请替换为你自己的实际目录!!!!!!

在【Path】变量中新增路径 D:\aqqaz\dev\node\node-v8.12.0-win-x64\node_global。

更换淘宝镜像与测试
更换淘宝镜像环节。
使用npm下载包时,许多资源来自国外服务器,配置镜像可显著提升下载速度。
在命令行窗口输入 npm get registry 查看当前使用的镜像地址。
返回结果为 > https://registry.npmjs.org/。
将其更换为阿里镜像,在命令行窗口输入 npm config set registry http://registry.npm.taobao.org/。
具体操作如图所示。

测试环节。
安装一个模块进行测试,我们选择最常用的express模块。打开cmd窗口。
输入以下命令进行模块的全局安装:
npm install express -g # -g表示全局安装

安装成功后。
在 D:\aqqaz\dev\node\node-v8.12.0-win-x64\node_global\node_modules 目录下会出现 express 文件夹。

总结环节。
以上所述是Node.js环境搭建的图文详解,希望对大家有所帮助。如有任何疑问请留言,小编会及时回复。感谢大家对本站的支持!