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

红宝书第三十一讲:通俗易懂的包管理器指南:npm 与 Yarn


红宝书第三十一讲:通俗易懂的包管理器指南:npm 与 Yarn

资料取自《JavaScript高级程序设计(第5版)》。
查看总目录:红宝书学习大纲


一、基础概念

包管理器:帮你自动下载和管理第三方代码库(如React、Lodash)的工具 1
核心作用:

  1. 安装依赖:从公共仓库获取代码包
  2. 版本管理:明确指定项目依赖的版本
  3. 脚本自动化:快速执行构建/测试任务

二、npm(Node Package Manager)

Node.js 官方默认工具,适合中小型项目 12

1. 基础使用步骤

常用命令

# 初始化项目(生成 package.json)
npm init -y # 安装生产依赖(会记录在 dependencies)
npm install lodash# 安装开发依赖(记录在 devDependencies)
npm install eslint --save-dev
2. 依赖管理特点

使用 嵌套树结构(每个子依赖独立装自己的版本)2
举例:你的项目依赖A和B,而A依赖D@1.0,B依赖D@2.0
→ 生成 node_modules 结构:

node_modules/
├── A/
│   └── node_modules/
│       └── D@1.0/
└── B/└── node_modules/└── D@2.0/

三、Yarn(由 Facebook 开发)

专注于 更快的安装速度和安全改进,适合大型项目 3

1. 核心优化
  • 离线缓存:重复安装直接读取本地缓存 3
  • 锁定版本:生成 yarn.lock 文件严格锁定依赖版本
  • 并行下载:比npm更快下载包

安装方式

# 全局安装Yarn(需先安装Node.js)
npm install -g yarn# 初始化项目(生成 package.json)
yarn init -y# 安装包
yarn add axios
2. 依赖结构扁平化

相同示例(依赖A和B,A需要D@1.0,B需要D@2.0)
→ 尝试共享依赖但可能冲突时分开:

node_modules/
├── A/
├── B/
├── D@1.0/  # 为A安装的版本
└── D@2.0/  # 为B安装的版本

四、如何选择?
维度npmYarn
安装速度较慢快(并行下载 + 缓存)3
版本锁定package-lock.json(自动)yarn.lock(更严格)3
适用场景小型项目/简单脚本大型项目/团队协作

五、实战示例
场景:创建一个使用Lodash的项目

使用npm

# 1. 初始化项目
npm init -y# 2. 安装Lodash
npm install lodash# 3. 在代码中使用
// index.js
const _ = require('lodash');
console.log(_.sum([1, 2, 3]));  // 输出:6

使用Yarn

# 1. 初始化项目(需全局安装Yarn)
yarn init -y# 2. 安装Lodash
yarn add lodash# 3. 运行脚本
node index.js

目录:总目录
上篇文章:红宝书第三十讲:通俗易懂的JavaScript调试指南
下篇文章:红宝书第三十二讲:零基础学会模块打包器:Webpack、Parcel、Rollup

脚注


  1. 《JavaScript高级程序设计(第5版)》说明npm是Node.js的默认包管理器 ↩︎ ↩︎

  2. 《JavaScript高级程序设计(第5版)》描述npm使用嵌套依赖树安装包 ↩︎ ↩︎

  3. 《JavaScript高级程序设计(第5版)》指出Yarn具备缓存和严格的版本锁定 ↩︎ ↩︎ ↩︎ ↩︎


http://www.mrgr.cn/news/97489.html

相关文章:

  • C#结合SQLite数据库使用方法
  • C++11实现一个自旋锁
  • 压测工具开发实战篇(四)——client子窗口功能
  • 本地大模型构建个人知识库(Ragflow)
  • 屏幕空间反射SSR-笔记
  • 【C++】Chapter04<STL部分>:STL标准模板库概要
  • Python数据爬取
  • 从搜索丝滑过渡到动态规划的学习指南
  • 测开八股收集
  • 3D激光轮廓仪知识整理(待补充)
  • 代码随想录算法训练营第十一天
  • 2025-04-07 NO.3 Quest3 MR 配置
  • 《从零搭建Vue3项目实战》(AI辅助搭建Vue3+ElemntPlus后台管理项目)零基础入门系列第二篇:项目创建和初始化
  • RAG中构建个人知识库
  • Python高级爬虫之JS逆向+安卓逆向1.2节: 变量与对象
  • 从传递函数到PID控制器
  • C++20 统一容器擦除:std::erase 和 std::erase_if
  • nacos集群启动问题
  • 2025 年前端与后端开发方向的抉择与展望-优雅草卓伊凡
  • 【Vue】选项卡案例——NBA新闻