news 2026/1/10 11:44:30

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

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
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】文件夹里

结尾

希望对大家有所帮助!

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/1/7 21:33:32

探讨 C++ 在工程实践中的独特价值、其对底层能力的深刻影响,以及在复杂系统设计中不可替代的作用,揭示技术发展的新趋势与面对的挑战

在互联网行业的早期阶段,技术红利极为明显。只要掌握一门主流语言,熟悉常见框架,就可以迅速参与项目、完成需求、获得不错的职业回报。但随着行业逐渐成熟,一个现实问题开始浮现:为什么技术工作年限相近的工程师&#…

作者头像 李华
网站建设 2026/1/7 21:28:57

AI Coding后端开发实战,非常详细收藏我这一篇就够了

前言:AI时代,我们该如何与AI Coding协作? 随着AI技术在软件开发领域的快速发展,AI Coding作为一款强大的AI辅助开发工具,正在深刻改变着我们的开发模式。然而,在实际应用过程中,许多开发人员在早…

作者头像 李华
网站建设 2026/1/9 9:46:04

AI智能体改变材料研发:7个案例,架构师的创新思路

AI智能体改变材料研发:7个案例,架构师的创新思路——技术博客文章 下面是根据用户输入的文章主题“AI智能体改变材料研发:7个案例,架构师的创新思路”撰写的一篇技术博客文章。文章采用Markdown格式,内容包括标题选项、…

作者头像 李华
网站建设 2026/1/7 21:13:53

【开题答辩全过程】以 旅游直通车服务为例,包含答辩的问题和答案

个人简介一名14年经验的资深毕设内行人,语言擅长Java、php、微信小程序、Python、Golang、安卓Android等开发项目包括大数据、深度学习、网站、小程序、安卓、算法。平常会做一些项目定制化开发、代码讲解、答辩教学、文档编写、也懂一些降重方面的技巧。感谢大家的…

作者头像 李华
网站建设 2026/1/7 21:12:59

深度学习网络笔记Ⅴ(Transformer源码详解)

0.前言 基于上一章的学习我们深刻了解了Transformer架构,并也进一步了解到其真实的训练过程。接着进一步我们继续深究Transformer的源码上进行深层次的学习和理解,明白其中的核心内容首先我们需要关注几篇文章和源码。 https://nlp.seas.harvard.edu/ann…

作者头像 李华
网站建设 2026/1/7 21:10:26

魔法打败魔法?这6款超强ai降ai软件,这才是真正的降ai率工具,实测3分钟让文章回归低AI率,安全过检测!

你的论文是不是AI率超高?一查降ai率结果80%以上? 别急,这种情况很多人遇到过。 用AI工具写论文确实快,但“AI味”太浓就容易翻车。 今天我就来分享几款自己用过、真心能打的ai降ai工具,从免费降ai率工具到专业级都涵…

作者头像 李华