当前位置: 首页 > news >正文

NPM环境搭建指南

NPM(Node Package Manager)是 Node.js 的包管理工具,堪称前端开发的基石。本文将手把手教你 在Mac、Windows、Linux三大系统上快速搭建NPM环境,并验证是否成功。


一、Mac系统安装NPM

方法1:通过Homebrew安装(推荐)
# 1. 安装Homebrew(已安装可跳过)
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

# 2. 安装Node.js(包含npm)
brew install node

# 3. 验证安装
node -v # 应输出如 v20.13.1
npm -v # 应输出如 10.5.2
方法2:官方安装包
  1. 访问 Node.js官网 (opens new window)
  2. 下载 LTS版本.pkg 安装包
  3. 双击安装,全程保持默认设置

二、Windows系统安装NPM

图形化安装步骤
  1. 访问 Node.js官网 (opens new window)
  2. 下载 LTS版本.msi 安装程序
  3. 安装时注意关键选项:
  • ✅ 勾选 Automatically install the necessary tools...
  • ✅ 保持默认安装路径 C:\Program Files\nodejs\
  1. 安装完成后验证:
# 打开CMD或PowerShell
node -v
npm -v

三、Linux系统安装NPM

Ubuntu/Debian系
# 1. 安装Node.js和npm
curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash -
sudo apt install -y nodejs

# 2. 验证
node -v && npm -v
CentOS/RedHat系
# 1. 添加NodeSource仓库
curl -fsSL https://rpm.nodesource.com/setup_lts.x | sudo bash -

# 2. 安装
sudo yum install nodejs -y # 或使用 dnf
Arch/Manjaro系
sudo pacman -S nodejs npm

四、通用配置(提升体验)

1. 配置国内镜像源(加速下载)
# 切换淘宝镜像
npm config set registry https://registry.npmmirror.com

# 验证配置
npm config get registry
2. 升级npm到最新版
npm install -g npm@latest

五、验证环境是否就绪

所有系统均执行:

# 检查版本
node -v
npm -v

# 创建测试项目
mkdir npm-test && cd npm-test
npm init -y
npm install lodash

若成功生成 package.jsonnode_modules 目录,则环境正常!


常见问题解决

1. 命令未找到(command not found)
  • ✅ Windows用户检查是否重启终端
  • ✅ Linux/Mac用户确认安装时使用了 sudo
2. EACCES权限错误(Linux/Mac)
# 修复全局包安装权限
sudo chown -R $USER /usr/local/lib/node_modules
3. 镜像源失效
# 重置为官方源
npm config set registry https://registry.npmjs.org

关注郭顺发官网可了解更多NPM相关知识:guoshunfa.com

相关文章:

  • 在 Ubuntu 22.04 中修改主机名称(hostname)
  • C++基础知识学习记录—模版和泛型编程
  • Three.js 快速入门教程【一】开启你的 3D Web 开发之旅
  • Redis_基础
  • C语言(结构体)
  • unity学习47:寻路和导航,unity2022后版本如何使用 Navmesh 和 bake
  • Java基础——代理模式
  • 【优先级队列】任务分配
  • sentinel集成nacos做持久化配置
  • rk3576上部署deepseek
  • systemverilog刷题小记
  • CodeGPT 使用教程(适用于 VSCode)
  • Kafka 简介
  • 波导阵列天线 学习笔记9 使用紧凑高效率馈网的宽带圆极化阵列天线
  • 【面试题】2025.02.19-前端面试题汇总
  • 图论(四):图的中心性——度中心性介数中心性紧密中心性
  • 学习总结2.19
  • 【小白学HTML5】一文讲清常用单位(px、em、rem、%、vw、vh)
  • “深入浅出”系列之C++:(24)ZeroMQ库
  • 炫酷动效登录页
  • 巴基斯坦全面恢复领空开放
  • 深圳市政协原副主席王幼鹏被“双开”
  • 巴基斯坦称回应挑衅,对印度发起军事行动
  • 19个剧团15台演出,上海民营院团尝试文旅融合新探索
  • 总奖池超百万!第五届七猫现实题材征文大赛颁奖在即
  • 105岁八路军老战士、抗美援朝老战士谭克煜逝世