2024最新版Node.js下载安装及环境配置教程【保姆级】

一、进入官网地址下载安装包

Node.js 中文网

选择对应你系统的Node.js版本,这里我选择的是Windows系统、64位

二、安装程序

(1)下载完成后,双击安装包,开始安装Node.js

(2)直接点【Next】按钮,此处可根据个人需求修改安装路径,修改完毕后继续点击【Next】按钮

(3)可根据自身需求进行,此处我选择默认安装,继续点击【Next】按钮

(4)不选中,直接点击【Next】按钮

(5)点击【Install】按钮进行安装

(6)安装完毕,点击【Finish】按钮

(7)测试安装是否成功,按下【win+R】键,输入cmd,打开cmd窗口

输入:node -v // 显示node.js版本

npm -v // 显示npm版本

-------------------------------成功显示版本说明安装成功--------------------------------------------

三、环境配置

(1)找到刚刚安装的目录,在安装目录下新建两个文件夹【node_global】和【node_cache】

(2)创建完毕后,复制刚刚创建的【node_global】和【node_cache】文件夹路径在cmd命令分别输入以下两条命令,注意不要两条命令的文件路径不要搞混了。

注:可以打开所创建的文件夹,把鼠标放在箭头指向的位置选择复制。

使用管理员身份打开cmd命令窗口(打开方法见下方Tips),输入以下命令(下面的路径是我创建的文件夹所在的路径,需要复制你们自己创建的路径哦)

①npm config set prefix "你的路径 ode_global" (复制刚刚所创建的"node_global"文件夹路径)

复制代码
npm config set prefix "D:commondevelopNodejs
ode_global"

②npm config set cache "你的路径 ode_cache"(复制刚刚所创建的"node_cache"文件夹路径)

复制代码
npm config set cache "D:commondevelopNodejs
ode_cache"

-----------可以输入以下两条命令查看路径是否配置正确------------

Tips: 使用管理员身份运行cmd的方法 :点击左下角【开始】菜单,在搜索区域输入"命令提示符",然后点击【以管理员身份运行】

=或单击鼠标右键选择【以管理员身份运行】============

(3)配置环境变量

①【此电脑】-单击右键-【属性】-【高级系统设置】-【环境变量】

② 在【系统变量】中点击【新建】

变量名:NODE_PATH

变量值:D:commondevelopNodejs ode_global ode_modules

随后在后续安装完express模块之后就会发现在【node_global】里自动多出了一个【node_modules】文件夹

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

④将默认的 C 盘下【AppDataRoaming pm】修改成 【node_global】的路径,点击【确定】

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

四、测试

配置完成后,全局安装一个最常用的 express 模块进行测试(使用管理员方式打开cmd)

复制代码
npm install express?-g    // -g代表全局安装

出现以下界面即为配置成功

  • 如果没有使用管理员方式打开cmd窗口的话,可能会报以下错误

解决方法①:

在【C盘】下的【用户】找到 .npmmrc 文件,并将它删除(注意不是安装目录下的npm模块里的.npmmrc 文件,而是【C:Users{用户}下的.npmrc文件】)

删除之后在cmd窗口重新输入 npm install express -g ,则显示安装成功。

解决方法②:

找到安装目录下的【node_global】和【node_cache】文件夹,鼠标右击【node_global】的文件夹,点击【属性】,再点击【安全】,再点击【编辑】,将权限都勾上,随即点击【确定】即可,【node_cache】步骤同理。

配置完成之后在cmd窗口重新输入 npm install express -g ,则显示安装成功。

五、安装淘宝镜像

淘宝镜像是淘宝团队为国内用户提供的npm镜像源,它与官方镜像源保持同步,并提供了更快的下载速度。

①安装淘宝镜像

复制代码
npm config set registry https://registry.npmmirror.com

查看是否成功:

复制代码
npm config get registry

②安装cnpm(按需安装)

说明:npm是node官方的包管理器。cnpm是个中国版的npm,是淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm。

复制代码
npm install -g cnpm --registry=https://registry.npmmirror.com

查看是否安装成功

命令: cnpm -v

  • 在查看版本号的时候,可能会出现【 'cnpm' 不是内部或外部命令,也不是可运行的程序】的提示信息。

输入 npm config ls 查看配置信息,如果prefix和cache为以下路径则表示前面没有配置成功或者漏配了,需重新输入配置命令。

注:确认配置路径为自己创建的文件路径,修改结束之后先输入 npm uninstall cnpm -g 卸载原先安装的cnpm后再重新输入安装命令,最后查看版本号成功即安装成功。

附加:如果有出现问题的小伙伴们可以检查一下自己的配置有没有出错

①打开cmd敲以下命令检查

②打开环境变量配置检查

  • 用户变量
  • 系统变量

③打开安装目录检查是否有以下文件夹

**····**检查【node_global】里是否有【node_modules】文件夹

**····**上面所安装的cnpm、express会出现在【node_global】下的【node_modules】文件夹里

结尾

希望对大家有所帮助!

相关推荐
奶糖的次元空间6 小时前
带你用 Javascript 生成器玩转「会暂停」的函数
node.js
Hilaku13 小时前
我是如何用一行 JS 代码,让你的浏览器内存瞬间崩溃的?
前端·javascript·node.js
五仁火烧13 小时前
npm run build命令详解
前端·vue.js·npm·node.js
前端付豪13 小时前
NodeJs 做了什么 Fundamentals Internals
前端·开源·node.js
局外人LZ17 小时前
libsodium.js:web端与 Node.js 的现代加密工具集,构建前端安全加密体系
前端·javascript·node.js
寂夜了无痕17 小时前
pnpm:快速、节省空间的 Node.js 包管理器
npm·node.js·pnpm
程序员爱钓鱼18 小时前
Node.js 博客系统实战(一):项目需求分析
前端·后端·node.js
Jing_Rainbow1 天前
【Vue-2/Lesson62(2025-12-10)】模块化与 Node.js HTTP 服务器开发详解🧩
前端·vue.js·node.js
TE-茶叶蛋1 天前
NestJS中使用TypeORM
node.js
Drift_Dream1 天前
Node.js 第3课:Express.js框架入门
node.js