技术栈

npm

你可能会说

AI 让我先“装依赖”，敲了一行命令就哗啦啦下载一堆东西，这是在干嘛？

npm 是给 JavaScript 项目下载所需工具、运行项目命令的工具。项目会列出需要下载哪些工具和版本，npm 按这份清单下载到本机，也能启动项目或执行检查。下载时可能运行额外脚本，所以要先确认自己位于正确项目目录，并了解陌生依赖会做什么。

也常被叫作包管理Node 包管理

package.json · 清单 "react": "^19.0.0" "vite": "^6.0.0" "scripts": dev / build

npm
install
→

node_modules · 依赖目录 📦 react 📦 vite 📦 …共 42 个包

组成结构 · Anatomy

{ "name": "my-first-page", "dependencies": { "react": "^19.0.0" }, "scripts": { "dev": "vite", "build": "vite build" } }

项目的名字和版本，发布、分享时用到

装了哪些包、什么版本；install 就照它搬货

npm run dev 跑的就是这里写的命令

常见变体 · Variants

安装install

npm install

装新包，或重建 node_modules

运行脚本run

npm run dev

执行 scripts 里的快捷命令

卸载uninstall

npm uninstall lodash

包用不上了，从清单划掉

锁版本lockfile

package-lock.json

团队统一版本，别手动改它

典型使用场景

package.json 清单示例

package.json

        {

          "name": "my-first-page",

          "dependencies": { "react": "^19.0.0" },

          "scripts": { "dev": "vite", "build": "vite build" }

        }

npm install 安装依赖

zsh — my-first-page

$ npm install ⸨████████░░⸩ reify: react added 42 packages in 6s 依赖会按 package.json 和锁文件安装到 node_modules

不直接修改 node_modules

my-first-page

📁 node_modules380 MB · ⚠ 自动生成，勿动

📄 package.json清单

📄 .gitignore里面写着 node_modules 和 .env

npm run dev 启动开发服务

zsh — my-first-page

$ npm run dev > my-first-page@0.1.0 dev ✓ Ready in 1.2s → http://localhost:3000 scripts 里的快捷命令，一条顶一串