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

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

相关推荐
小贵子的博客5 分钟前
Ant Design Vue <a-table>
前端·javascript·vue.js·anti-design-vue
m0_502724956 分钟前
vue动态设置背景图片后显示异常
前端·css
console.log('npc')14 分钟前
vue2中子组件父组件的修改参数
开发语言·前端·javascript
奋斗吧程序媛32 分钟前
vue3 Study(1)
前端·javascript·vue.js
@Autowire35 分钟前
Layout-position
前端·css
QQ129584550437 分钟前
ThingsBoard - APP首页修改为手工选择组织
前端·javascript·物联网·iot
whyfail38 分钟前
前端数据存储新选择:IndexedDB与Dexie.js技术指南
前端·javascript·数据库
椰果uu39 分钟前
vue-virtual-scroller-虚拟滚动列表:渲染不定高度长列表+可控跳转
前端·javascript·typescript·vue
Kagol1 小时前
深入浅出 TinyEditor 富文本编辑器系列之一:TinyEditor 是什么
前端·typescript·开源
空城雀1 小时前
python精通连续剧第一集:简单计算器
服务器·前端·python