nodejs安装保姆级教程

Node.js 安装与环境配置教程

1. Node.js 简介

Node.js 是一个基于 JavaScript 的跨平台运行环境,可以在 Windows、Linux、macOS 等操作系统中运行 JavaScript。

常见用途:

  • Web 后端开发
  • Vue / React / Vite 前端工程
  • REST API
  • WebSocket
  • 命令行工具
  • 自动化脚本
  • Electron 桌面应用
  • npm 工具链

Node.js 安装完成后通常会同时安装:

text 复制代码
Node.js
├── node    JavaScript 运行环境
└── npm     Node.js 包管理器

常用检查命令:

bash 复制代码
node -v
npm -v

2. Node.js 版本选择

Node.js 主要分为:

text 复制代码
LTS      长期支持版本
Current  当前最新版本

普通开发、生产环境建议选择:

text 复制代码
LTS

如果项目明确要求某个 Node.js 版本,则按照项目要求安装。


3. Windows 安装 Node.js

3.1 下载 Node.js

进入 Node.js 官方网站:

text 复制代码
https://nodejs.org/en/download

选择:

text 复制代码
LTS

Windows 普通 Intel / AMD 电脑一般下载:

text 复制代码
Windows Installer (.msi)
x64

3.2 安装

运行下载的:

text 复制代码
node-xxx-x64.msi

按照安装程序依次点击:

text 复制代码
Next

同意许可协议。

默认安装目录通常为:

text 复制代码
C:\Program Files\nodejs\

组件保持默认配置即可,确保包含:

text 复制代码
Node.js runtime
npm package manager
Add to PATH

然后执行:

text 复制代码
Install

安装完成后点击:

text 复制代码
Finish

4. 检查 Node.js 是否安装成功

重新打开:

text 复制代码
CMD
PowerShell
Windows Terminal

执行:

bash 复制代码
node -v

例如:

text 复制代码
v24.x.x

继续执行:

bash 复制代码
npm -v

例如:

text 复制代码
11.x.x

如果均能正常显示版本号,则安装成功。


5. 配置 npm 国内镜像源

5.1 查看当前 npm 源

bash 复制代码
npm config get registry

默认通常为:

text 复制代码
https://registry.npmjs.org/

5.2 切换 npmmirror 镜像源

执行:

bash 复制代码
npm config set registry https://registry.npmmirror.com

检查:

bash 复制代码
npm config get registry

正常情况下输出:

text 复制代码
https://registry.npmmirror.com/

5.3 恢复 npm 官方源

bash 复制代码
npm config set registry https://registry.npmjs.org/

检查:

bash 复制代码
npm config get registry

5.4 临时指定镜像源

如果只想让某一次安装使用国内镜像:

bash 复制代码
npm install axios --registry=https://registry.npmmirror.com

不会修改默认 npm 配置。


6. 使用 .npmrc 配置 npm 源

npm 也可以通过 .npmrc 文件配置。

6.1 用户级配置

Windows:

text 复制代码
C:\Users\用户名\.npmrc

Linux / macOS:

text 复制代码
~/.npmrc

写入:

ini 复制代码
registry=https://registry.npmmirror.com

6.2 项目级配置

在项目根目录创建:

text 复制代码
.npmrc

例如:

text 复制代码
my-project/
├── src/
├── package.json
├── package-lock.json
└── .npmrc

写入:

ini 复制代码
registry=https://registry.npmmirror.com

此配置只影响当前项目。


7. macOS / Linux 使用 nvm 安装 Node.js

macOS 和 Linux 推荐使用 nvm 管理 Node.js。

nvm:

text 复制代码
[Node Version Manager](https://github.com/nvm-sh/nvm)

可以在同一台电脑上安装并切换多个 Node.js 版本。

例如:

text 复制代码
Node.js 20
Node.js 22
Node.js 24

8. 安装 nvm

项目地址:

text 复制代码
https://github.com/nvm-sh/nvm

按照项目 README 中提供的安装命令进行安装。

安装完成后重新打开终端。

检查:

bash 复制代码
command -v nvm

正常情况下输出:

text 复制代码
nvm

如果没有生效,可以重新加载 Shell 配置。

Bash:

bash 复制代码
source ~/.bashrc

Zsh:

bash 复制代码
source ~/.zshrc

9. 使用 nvm 安装 Node.js

安装最新版本:

bash 复制代码
nvm install node

安装指定主版本:

bash 复制代码
nvm install 24

切换版本:

bash 复制代码
nvm use 24

查看已经安装的版本:

bash 复制代码
nvm ls

查看可安装版本:

bash 复制代码
nvm ls-remote

设置默认版本:

bash 复制代码
nvm alias default 24

检查:

bash 复制代码
node -v
npm -v

10. 创建第一个 Node.js 程序

创建项目目录:

bash 复制代码
mkdir node-demo

进入目录:

bash 复制代码
cd node-demo

创建:

text 复制代码
app.js

写入:

javascript 复制代码
console.log("Hello Node.js!");

运行:

bash 复制代码
node app.js

输出:

text 复制代码
Hello Node.js!

11. 初始化 Node.js 项目

执行:

bash 复制代码
npm init

如果使用默认配置:

bash 复制代码
npm init -y

此时会生成:

text 复制代码
package.json

目录结构:

text 复制代码
node-demo/
├── app.js
└── package.json

12. 安装 npm 依赖

例如安装 Axios:

bash 复制代码
npm install axios

安装完成后:

text 复制代码
node-demo/
├── node_modules/
├── app.js
├── package.json
└── package-lock.json

其中:

text 复制代码
node_modules/

保存项目依赖。

text 复制代码
package.json

保存项目配置和依赖声明。

text 复制代码
package-lock.json

记录实际安装的依赖版本。


13. 配置 .gitignore

Node.js 项目通常不提交:

text 复制代码
node_modules/

在项目根目录创建:

text 复制代码
.gitignore

写入:

gitignore 复制代码
node_modules/

常见 Node.js .gitignore

gitignore 复制代码
node_modules/
dist/
.env
*.log
.DS_Store

14. 常用 npm 命令

安装全部依赖

bash 复制代码
npm install

简写:

bash 复制代码
npm i

安装依赖

bash 复制代码
npm install axios

简写:

bash 复制代码
npm i axios

安装开发依赖

bash 复制代码
npm install eslint --save-dev

简写:

bash 复制代码
npm i eslint -D

卸载依赖

bash 复制代码
npm uninstall axios

查看依赖

bash 复制代码
npm list

查看全局安装的软件包

bash 复制代码
npm list -g --depth=0

更新依赖

bash 复制代码
npm update

运行项目脚本

bash 复制代码
npm run dev

例如:

bash 复制代码
npm run build
bash 复制代码
npm run start

15. npm、node、npx 的区别

text 复制代码
Node.js
   │
   ├── node
   │    └── 运行 JavaScript
   │
   ├── npm
   │    └── 安装和管理依赖
   │
   └── npx
        └── 执行 npm 软件包提供的命令

例如:

bash 复制代码
node app.js

运行 JavaScript 文件。

bash 复制代码
npm install axios

安装依赖。

bash 复制代码
npx vite

执行 Vite。


16. 查看 npm 配置

查看全部 npm 配置:

bash 复制代码
npm config list

查看 Registry:

bash 复制代码
npm config get registry

查看代理:

bash 复制代码
npm config get proxy
bash 复制代码
npm config get https-proxy

17. npm 配置代理

如果需要通过 HTTP 代理访问网络:

bash 复制代码
npm config set proxy http://127.0.0.1:7890

HTTPS:

bash 复制代码
npm config set https-proxy http://127.0.0.1:7890

检查:

bash 复制代码
npm config get proxy
bash 复制代码
npm config get https-proxy

删除代理:

bash 复制代码
npm config delete proxy
npm config delete https-proxy

18. 清理 npm 缓存

查看缓存目录:

bash 复制代码
npm config get cache

检查缓存:

bash 复制代码
npm cache verify

强制清理:

bash 复制代码
npm cache clean --force

一般情况下不需要主动清理 npm 缓存。


19. 常见问题

19.1 node 不是内部或外部命令

如果 Windows 提示:

text 复制代码
'node' 不是内部或外部命令

重新打开终端后执行:

bash 复制代码
node -v

仍然无效时,检查环境变量:

text 复制代码
PATH

是否包含:

text 复制代码
C:\Program Files\nodejs\

19.2 npm 不是内部或外部命令

检查:

bash 复制代码
node -v

如果 Node.js 正常但 npm 无法使用,可以重新运行 Node.js 安装程序,并确认:

text 复制代码
npm package manager

已经安装。


19.3 npm 下载速度慢

检查当前源:

bash 复制代码
npm config get registry

切换国内源:

bash 复制代码
npm config set registry https://registry.npmmirror.com

19.4 npm 安装依赖超时

可以检查:

bash 复制代码
npm config get registry
npm config get proxy
npm config get https-proxy

如果配置了错误代理:

bash 复制代码
npm config delete proxy
npm config delete https-proxy

然后重新执行:

bash 复制代码
npm install

19.5 nvm 安装后无法识别

如果出现:

text 复制代码
nvm: command not found

Bash:

bash 复制代码
source ~/.bashrc

Zsh:

bash 复制代码
source ~/.zshrc

然后:

bash 复制代码
command -v nvm

20. 最终环境检查

执行:

bash 复制代码
node -v
npm -v
npm config get registry

如果使用 nvm:

bash 复制代码
nvm --version

国内镜像配置完成后,输出类似:

text 复制代码
v24.x.x
11.x.x
https://registry.npmmirror.com/

说明 Node.js 开发环境已经配置完成。


21. 推荐环境

日常开发推荐:

text 复制代码
Node.js LTS
+
npm
+
Git
+
VS Code

Linux / macOS 推荐:

text 复制代码
nvm
+
Node.js LTS
+
npm
+
Git
+
VS Code

常用初始化流程:

bash 复制代码
node -v
npm -v

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

mkdir my-project
cd my-project

npm init -y

Node.js 环境安装与基础配置完成。

相关推荐
子兮曰2 天前
jev-ultrafast 深度解析:7 秒订机票的浏览器 Agent 是如何炼成的
前端·后端·agent
子兮曰2 天前
Jev 爆发一周:7 秒 Agent 背后的 System One 生态与三场争议
前端·后端·ai编程
前端小万2 天前
写公众号赚了 3000 块后,我做了一款叫 "一键成稿" 的软件
前端·微信小程序
爱勇宝2 天前
ZCode 开源 24 小时:一份没有历史的账本,回答不了"有没有偷代码"
前端·后端·chatglm (智谱)
三十而立洋2 天前
Cookie 详解:从产生到安全,一次讲透
前端·javascript
卡布鲁2 天前
把一个 Vite + Vue3 应用塞进 qiankun (React + Umi3) 主站:十个坑的复盘
前端·javascript·react.js
李少兄2 天前
JavaScript 隐式全局变量解析
javascript
汉堡大王95272 天前
Jev:不是聊天机器人, 而是一个智能 if 语句
前端·人工智能·后端
梦想很大很大2 天前
从运行事实到回归证据:Workrun 的 Telemetry 与 Evaluation 实践
前端·人工智能·后端
计算机魔术师2 天前
Meta Muse agent 接入 Shopify 的 Shop Pay 实现代理式购物
前端