术语图鉴/前端基础/npm
←→切换Esc返回

npm Node Package Manager

你可能会说

想用别人写好的库(比如日期处理),怎么安装到项目里?

npm 是 JavaScript 的包管理器——安装、管理、发布第三方代码库(包)的标准工具。

Node.js 的包管理器,用来安装、更新、管理第三方代码库。`npm install xxx` 就是把别人的代码下载到你项目里。

也常被叫作Node Package Manager

生活类比

像手机的应用商店——搜索、下载、更新各种 App(代码包),一键搞定。

🎮 动手试试

👇 模拟 npm install 流程

▶npm install react
○📦 解析依赖树
○⬇️ 下载包
○📁 写入 node_modules
○✅ 完成!
选择题选择一个你认为最合适的答案

关于「npm」,以下哪个描述最准确?

你可以这样告诉 AI

帮我初始化项目依赖:npm install next react react-dom,开发依赖 npm install -D typescript @types/react,写清楚 scripts。

容易混淆?这样区分

npm Node Package Manager≠
npx npx

npm install 是永久安装到项目,npx 是临时下载执行一次(不安装)。

npm Node Package Manager≠
yarn / pnpm 替代包管理器

功能相同,pnpm 更快更省空间(硬链接),yarn 有 lockfile v2。

什么时候用

管理项目依赖

安装第三方库(npm install)、运行脚本(npm run dev)、管理版本,是 JavaScript 项目的标配工具。

和 AI 协作时

想让 AI 配依赖时,直接说「npm install next react react-dom,开发依赖装 typescript @types/react」。

什么时候不用

非 JS 生态项目

Python 用 pip、Rust 用 cargo、Go 用 go mod,各有自己的包管理器,不需要 npm。

与包管理无关的场景

纯 HTML/CSS 静态页面不依赖任何 npm 包,直接用浏览器打开即可。

组成结构 · Anatomy

1
核心概念Core

Node.js 的包管理器,用来安装、更新、管理第三方代码库。`npm install xxx` 就

2
实际表现In Practice

像手机的应用商店——搜索、下载、更新各种 App(代码包),一键搞定。

3
与 AI 的关联AI Context

和 AI 沟通时提到「先 npm install framer-motion」,就是让它帮你安装动画

典型使用场景

初始化项目依赖
告诉 AI「帮我用 npm 初始化项目:装 next、react、react-dom 作生产依赖,typescript、eslint 作开发依赖,配好 package.json 的 scripts」
想弄懂概念时
告诉 AI「用大白话给我解释什么是npm,举个生活中的例子」

延伸阅读