NPM/Yarn完全指南：前端开发的“基石“与“加速器“
开篇：当你第一次运行npm install时...
"这node_modules文件夹怎么比我的项目代码还大100倍？！" —— 每个前端新手第一次看到node_modules时的反应都出奇地一致。别担心，今天我要带你彻底搞懂这个让项目"膨胀"的"罪魁祸首"，以及如何用NPM/Yarn这两个神器优雅地管理它！
一、包管理器：前端世界的"快递小哥"
1.1 为什么需要包管理器？
想象你要做一道菜：
-
没有包管理器：自己去菜市场买每样食材（手动下载每个JS库）
-
有包管理器：告诉外卖小哥要什么，他一次性送来（自动解决依赖）
1.2 NPM vs Yarn 世纪对决
| 特性 | NPM | Yarn |
|---|---|---|
| 诞生时间 | 2010年 | 2016年(Facebook出品) |
| 安装速度 | 较慢 | 快（并行安装） |
| 锁定文件 | package-lock.json | yarn.lock |
| 离线模式 | 有但较弱 | 强大的离线缓存 |
| 安全性 | 一般 | 更严格的完整性校验 |