2024最新版Node.js详细安装教程(含npm配置淘宝最新镜像地址)

一:Node.js安装

浏览器中搜索Nodejs,或直接用网址:Node.js --- 在任何地方运行 JavaScript

建议此处下载长期支持版本(红框内):

开始下载,完成后打开文件:

进入安装界面,在此处勾选,再点击next:

此处为你希望将Nodejs安装到哪里,可以是默认的,也可以自定义,前提是要明确安装到哪里。这里不需要特别记,忘记了可以通过命令行输入npm config get prefix查询。

下面两步直接点击Next即可:

第一步安装成功!很顺利吧~

检验是否安装成功:

Nodejs是否安装成功:

node -v

Nodejs对应的npm是否安装成功:

npm -v

若输出版本号,就成功啦!

二:配置npm

注意!!这一步需要关掉先前打开的命令提示符,再以管理员身份重新运行(点击红框内这个)

1:配置npm的全局模块安装路径

获取npm地址,如果返回的地址是你满意的或熟悉的,就可以不用改:

npm config get prefix

比如,我的地址就在D:NodeJs

如果需要改变:(这一步因人而异)

npm config get prefix [加上你想要修改的地址]

2:配置npm的淘宝镜像(使用最新版淘宝镜像地址)

配置:
全局永久更换:(建议)

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

单次临时使用:

npm install --registry=http://registry.npmmirror.com

检验:(检验是个好习惯)

npm config get registry

输出淘宝镜像网址则表示成功

至此,我们的Nodejs环境配置就完成了!希望能够帮助到大家,着急配环境的朋友可以离开啦。

三:杂谈(有时间再看)

1:npm和cnpm都要安装吗?

先说自己的结论:若npm像上方一样配置了淘宝镜像,则没有必要装npm。

npm 和 cnpm
  • npm: Node.js 的默认包管理工具,用于下载和管理 JavaScript 包。
  • cnpm: 是一个 npm 的替代工具,特别针对中国用户优化。它默认使用淘宝镜像,并且在某些网络条件下可能比 npm 更快。

所以cnpm实际上可以当做中国版的npm,但cnpm 安装的模块路径比较奇怪。我们既然已经将npm配置了淘宝镜像,则速度与功能基本与cnpm没有差别,且稳定性更好。

此处部分引用本篇文章观点,十分感谢:

npm淘宝镜像cnpm安装使用(最新版),cnpm临时单次/永久使用

2:Node.js 和 npm到底是什么?

Node.js:

之前的JavaScript最初的用途是前端,只能在浏览器端中运行。但后来Ryan Dahl发现JavaScript在后端上能够进行许多操作,于是开发出Nodejs平台,允许后端人员也能在服务器端对JavaScript进行操作,而不仅限于浏览器端。

因此,我们可以简单的将Nodejs看作是JavaScript的后端引擎。

npm (Node Package Manager):

npm 是 Node.js 的包管理器。它帮助开发者管理项目中的依赖项和库,允许用户轻松地安装、共享和维护代码包。

简单来说,我们可以把npm看作是一个能让你获取和管理JavaScript包(第三方代码)的超市。

关系:npm 是 Node.js 的官方包管理工具

结尾:希望对大家有所帮助!有问题或是见解,欢迎评论区留言~~

相关推荐
WildBlue几秒前
React 遇上原子 CSS:前端开发的超级进化 🚀
前端·react.js
namehu3 分钟前
深度解析:移动端 1px 边框问题与 rem 方案
前端·javascript·响应式设计
小高0073 分钟前
JavaScript 隐藏技巧:让代码量减少一半的 5 个方法
前端·javascript·面试
李先生9304 分钟前
Puppeteer最新迁移和服务
前端·node.js
FSHOW4 分钟前
重新造轮子?HestJS:让 Hono 拥有 NestJS 的优雅
前端·javascript·后端
练习前端两年半7 分钟前
Vue 3 Render函数深度解析:Text、Comment、Fragment节点的渲染机制
前端·vue.js
7ayl7 分钟前
transition相关
前端
namehu7 分钟前
“c is not a function” - 一次由 useEffect 异步函数引发的 React 底层崩溃分析
前端·javascript·react.js
杨进军8 分钟前
微前端之微前端生命周期
前端·架构
前端老鹰9 分钟前
CSS scroll-snap-type:让滚动定位精准如 “自动吸附” 的魔法
前端·css