Node.js 与 npm 的安装与配置(详细教程)

目录


前言

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时,它让开发者能够使用 JavaScript 编写服务器端代码。npm(Node Package Manager)Node.js 默认的包管理工具,用于安装、管理和共享 JavaScript 包。无论是前端工程化还是后端开发,Node.jsnpm 都是必不可少的工具。本文将详细介绍在 windows 操作系统下安装与配置 Node.jsnpm 的方法,并分享一些常用的配置技巧。


一、简介

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境,它允许开发者在服务器端运行 JavaScript 代码。Node.js 采用事件驱动、非阻塞 I/O 模型,使得它轻量且高效,非常适合构建数据密集型的实时应用(如 Web 服务器、API、聊天应用等)。

npm(Node Package Manager)Node.js 默认的包管理工具。它提供了命令行工具和一个庞大的在线仓库(npm registry),开发者可以通过 npm 方便地安装、共享和管理项目所依赖的第三方 JavaScript 包。npm 还支持版本管理和脚本运行,极大地简化了项目的依赖管理和构建流程。

简单来说,Node.js 让你能用 JavaScript 写后端代码,而 npm 则帮助你高效地管理项目所需的各种工具和库。两者相辅相成,构成了现代 JavaScript 开发生态的核心基础。


二、安装前的准备

在开始安装之前,可以先检查一下系统中是否已经安装了 Node.js 和 npm。打开终端(或命令提示符),执行以下命令:

bash 复制代码
node -v
npm -v

如果显示版本号,说明已经安装,可以根据需要决定是否升级或重新安装;如果提示"命令未找到",则需要进行安装。


三、下载安装包

node-js 下载:https://nodejs.org/en/download/

一般会选择在 LTS 下进行下载,因为 LTS 是稳定版本的,然后根据自己电脑的系统选择安装,比方说我电脑是 windows-64x 的,那我就点击 Windows Installer(.msi) > 64-bit 就会开始下载

如果想要下载旧版本可在 Previous Release 中查询

点击 版本号 就能跳转到对应的下载界面

PS:建议 node-js 的版本最好在 16 以上

点击对应的包即可下载完成


四、Windows 下安装 Node.js

下载好安装程序包之后,只需要双击打开即可进行安装

node 的安装也是傻瓜式的,一直 next 即可

然后点击 finsh

检测 node-js 是否安装成功,只需要 win + R 调起 运行命令框,输入 cmd 打开 cmd窗口,再输入 node -v 查看 node 的版本,如果有显示版本信息,就表明 node-js 安装成功了


npmnode-js 的包管理和分发工具,当安装完成 node-jsnpm 也随之安装完成,可以通过 npm -v 来校验是否安装成功


五、 npm 镜像设置

vue 中经常会使用 npm 来安装一些包,而 npm 的下载镜像是在国外,所以使用 npm 下载会非常的慢,这里有两种方式来解决这个问题:

  • 方式一:使用 yarn 进行安装

    使用 yarn 安装就需要保证当前系统有下载过 yarn,同样可以在 cmd窗口 中输入 yarn -v 来检测是否安装过 yarn

    如果没有就下载,输入:npm i -g yarn,下载完成之后仍旧可以输入 yarn -v 来进行检测

  • 方式二:设置 npm 镜像为国内的

    可以在 cmd窗口 中通过 npm config get registry 命令来查询 npm 所使用的镜像

    默认使用的镜像是:https://registry.npmjs.org/,如果你 npm 所使用的镜像是这个的话,就换成国内的,比如:

    (1)https://registry.npm.taobao.org/

    (2)https://registry.npmmirror.com

    比如我使用 https://npmmirror.com/ 所提供的镜像 https://registry.npmmirror.com

    那就可以通过 npm config set registry https://registry.npmmirror.com 这行命令将镜像设置为 https://registry.npmmirror.com 即可


六、验证安装

可通过以下命令验证是否安装成功。

bash 复制代码
node --version
npm --version

能够看到 node.js 和 npm 对应的版本号就表明安装成功了。

相关推荐
寅时码1 小时前
React 之死·终章:一个 useRef,把闭包陷阱、依赖数组、漫天 rerender 全送走
前端·react.js·ai编程
不好听6131 小时前
HTML 事件监听机制:从 DOM Level 0 到 React 合成事件
前端·react.js·html
wordbaby1 小时前
为什么刷新页面就 404?聊聊 SPA 路由与 Nginx 的那点事
前端
不好听6132 小时前
React 核心概念:JSX、组件与数据驱动
前端·react.js
触底反弹2 小时前
🔥 React 零基础入门(中):500 行屎山代码到组件化的蜕变
前端·javascript·react.js
不好听6132 小时前
React vs Vue:两大前端框架技术选型深度对比
前端·vue.js·react.js
GuWenyue2 小时前
Cursor黑盒拆解!1套LangChain.js手写Mini编程Agent,自动生成React项目,效率提升60%
前端·数据库·人工智能
GuWenyue2 小时前
传统Agent工具两大痛点!300行代码落地MCP跨语言工具,彻底解耦LLM与工具
前端·人工智能·算法
小林ixn3 小时前
从 onclick 到 React 合成事件,再到完整应用逻辑:一次前端架构的深度剖析
前端·react.js·前端框架
Csvn3 小时前
🧩「找不到模块」排查全记录——Monorepo 下 TypeScript 路径别名的 5 种「不通」与根治方案
前端