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 的官方包管理工具

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

相关推荐
Csvn18 小时前
WASM
前端
修己xj20 小时前
我用 AI 给自己写了一个 Markdown 编辑器,然后把它开源了
前端
FRing0320 小时前
vue2干货总结2(v-bind、v-for、v-model、指令修饰符、v-bind操作class和style)
开发语言·前端·vue.js·vue2
幸运小猿20 小时前
模拟慢上传-处理超时重试image 丢失线上问题
前端·javascript·html
moshuying1 天前
网购能买Token了!
前端
h_65432101 天前
echarts实现柱状图加一条横线
前端·echarts
风骏时光牛马1 天前
生成一个后端标题,只需要一个标题,不需要其他的任何文本。
前端
子非鱼@Itfuture1 天前
关于前后端联调中登录状态/登录信息失效?
java·前端
郭小李1 天前
openFeign入门
java·开发语言·前端
馒头不想说话1 天前
AI当运营,帮你省人力
前端