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

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

news 来源：原创 2025/8/25 0:06:18

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

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

一、基础概念

包管理器：帮你自动下载和管理第三方代码库（如React、Lodash）的工具 ¹。
核心作用：

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

二、npm（Node Package Manager）

Node.js 官方默认工具，适合中小型项目 ¹²。

1. 基础使用步骤

常用命令：

# 初始化项目（生成 package.json）
npm init -y # 安装生产依赖（会记录在 dependencies）
npm install lodash# 安装开发依赖（记录在 devDependencies）
npm install eslint --save-dev

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 开发）

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

1. 核心优化

离线缓存：重复安装直接读取本地缓存 ³
锁定版本：生成 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安装的版本

四、如何选择？

维度	npm	Yarn
安装速度	较慢	快（并行下载 + 缓存）³
版本锁定	package-lock.json（自动）	yarn.lock（更严格）³
适用场景	小型项目/简单脚本	大型项目/团队协作

五、实战示例

场景：创建一个使用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调试指南

脚注

《JavaScript高级程序设计（第5版）》说明npm是Node.js的默认包管理器 ↩︎ ↩︎
《JavaScript高级程序设计（第5版）》描述npm使用嵌套依赖树安装包 ↩︎ ↩︎
《JavaScript高级程序设计（第5版）》指出Yarn具备缓存和严格的版本锁定 ↩︎ ↩︎ ↩︎ ↩︎

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

红宝书第三十一讲：通俗易懂的包管理器指南：npm 与 Yarn 资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、基础概念包管理器：帮你自动下载和管理第三方代码库（如…...

编程日记 2025/8/25 0:06:18

李建忠：智能体正将互联网从信息网络重构为行动网络

引言模型正在从训练为主转换为推理为主的新范式，智能体正将互联网从信息网络重构为行动网络，我们正处在从人类使用互联网到 AI 代理使用互联网的转折点。这不是未来，而是此刻已经发生的颠覆。 3 月 22 日，在腾讯云架构师技术同…...

编程日记 2025/8/21 23:49:56

瑞芯微AI处理器详解

瑞芯微（Rockchip）的芯片产品线覆盖从低功耗MCU到高性能AIoT处理器，以下是其主流芯片系列及RK3568的市场定位分析： 一、瑞芯微主要芯片系列旗舰级 RK3588：12nm工艺，4A764A55，6TOPS NPU&#xff…...

编程日记 2025/8/25 0:05:27

Compose Multiplatform+Kotlin Multiplatfrom 第五弹跨平台

截图功能 Compose MultiplatformKotlin Multiplatfrom下实现桌面端的截图功能，起码搞了两星期，最后终于做出来了，操作都很流畅，截取的文件大小也正常，可参考支持讨论！ 功能效果代码实现 //在jvmMain下创…...

编程日记 2025/8/25 0:06:17

俩种方式都可一、linux通过docker安装ollama镜像 1.下载安装ollama镜像 # 安装 Docker sudo yum install docker sudo systemctl start docker#docker查看所有容器 docker ps -a # 查看所有容器# docker查看指定容器 docker ps -a |grep ollama# 创建模型存储目录&#xff…...

编程日记 2025/8/25 0:05:29

113. 在 Vue 3 中使用 OpenLayers 实现鼠标移动显示坐标信息

✨ 写在前面在地图类项目开发中，一个常见需求就是：实时获取用户鼠标在地图上的经纬度坐标，并展示在地图上。本文将通过一个简单的案例，手把手带大家在 Vue 3 项目中集成 OpenLayers 地图库，并实现以下功能&#xf…...

编程日记 2025/8/24 13:17:13

跳跃游戏的最优解法——贪心算法的智慧与实践

跳跃游戏的最优解法——贪心算法的智慧与实践跳跃游戏是一类经典的算法题，既有趣又充满挑战，不仅能锻炼思维能力，还能直观展现贪心算法的核心思想。今天，我们从题目入手，拆解贪心算法的原理，用通俗易懂的…...

编程日记 2025/8/25 0:03:22

搭建docker registry私服，并且支持https推送

搭建docker registry私服，并且支持https推送一、为什么写这篇文章二、搭建过程三、验证一、为什么写这篇文章网上关于搭建docker registry的文章一大把，但是都是配置为http方式推送，且需要显示端口，这个在真正项目使用中&…...

编程日记 2025/8/25 0:04:44

UniApp Vue 3 中的网络请求封装及用法

在UniApp中，结合Vue 3的强大特性，进行网络请求的封装是项目中常见的需求。这样的封装不仅提高了代码的可维护性，还使得在组件中使用网络请求更加简洁。本文将详细介绍UniApp Vue 3中的网络请求封装，并提供一个简单的用法示例。创…...

编程日记 2025/8/18 0:41:42

策略模式结合模板方法模式

之前学习了策略模式加模板方法模式策略模式单独详解模板方法模式单独详解这里回忆起完全可以进行策略和模板方法模式的组合。 import java.util.HashMap; import java.util.Map;// 上下文对象（解决参数传递问题） class OrderContext {private final…...

编程日记 2025/8/25 0:04:46

每日算法-250407

记录一下今天刷的三道 LeetCode 题目。 2389. 和有限的最长子序列题目思路排序前缀和二分查找解题过程理解题意: 题目要求我们对于 queries 数组中的每个查询值 q，找出 nums 数组中元素和小于等于 q 的最长子序列的长度。注意，是子序列&am…...

编程日记 2025/8/19 8:02:32

【Git “ls-tree“ 命令详解】

本章目录: 1. 命令简介2. 命令的基本语法和用法基本语法常见使用场景示例 1：查看当前提交的文件树示例 2：查看某个分支的文件树示例 3：查看特定路径下的文件树 3. 命令的常用选项及参数常用选项： 4. 命令的执行示例示例 1&#xf…...

编程日记 2025/8/17 22:13:36

Text-to-SQL技术深度解析：从理论突破到工程实践

引言：Text-to-SQL的技术演进与当代价值在当今数据驱动的商业环境中，结构化数据查询语言(SQL)仍然是访问和分析企业数据的核心工具。然而，SQL的专业性要求构成了数据民主化的主要障碍——据统计，仅约35%的开发人员接受过系统的SQL培训，而超过51%的专业岗位需要SQL技能。T…...

编程日记 2025/8/23 3:52:07

Spring Boot 整合 Servlet三大组件（Servlet / Filter / Listene）

Spring Boot 整合 “Servlet三大组件“ ( Servlet / Filter / Listene ) 目录如下： pom.xml配置 <?xml version"1.0" encoding"UTF-8"?> <project xmlns"http://maven.apache.org/POM/4.0.0" xmlns:xsi"http://www.…...

编程日记 2025/8/25 0:05:29

react 18 可中断的理解以及应用

React 的“可中断（interruptible）”渲染，指的是 React 在执行渲染过程中可以暂停、中断、再继续或放弃更新。这是 React 18 引入的并发特性的一部分，目的是让界面响应更流畅，防止“卡顿”。 📖 举个例子&am…...

编程日记 2025/8/25 0:05:29

C++使用Qt Charts可视化大规模点集

引言数据可视化是数据分析和决策过程中的重要环节。随着数据量的不断增长，如何高效地可视化大规模数据集成为了一个挑战。Qt Charts 提供了一个强大的工具集，用于创建直观的数据可视化图表。本文将探讨如何使用 C 和 Qt Charts 可视化大规模点集&#…...

编程日记 2025/8/25 0:05:28

第一部分——Docker篇第二章 Docker安装

关于系统的改造探索开篇：系统改造的调研报告第一部分——Docker篇第一章 Docker容器第二章 Docker安装第三章构建自定义镜像第四章搭建镜像仓库第五章容器编排第六章容器监控文章目录关于系统的改造探索第一部分——Docker篇前言一、在线环境二、…...

编程日记 2025/8/25 0:05:29

Transformer - 多头自注意力机制复现

一、数学原理 1. 多头注意力机制多头注意力机制允许模型在不同的表示子空间中关注输入序列的不同部分。它通过并行计算多个注意力头来实现这一点，每个头学习序列的不同部分。 2. 注意力分数计算 3. 掩码机制掩码机制用于防止模型访问某些位置的信息。例如&…...

编程日记 2025/8/25 0:00:57

SpringCloud-快速通关（一）

本文是基于【雷丰阳老师：尚硅谷2025最新SpringCloud - 快速通关】进行实践操作，并对雷神的笔记做一个更详细的补充，供大家学习参考，一起加油！ 视频地址：SpringCloud快速通关_教程简介_哔哩哔哩_bilibili …...

编程日记 2025/8/21 21:06:42

Ansible Playbook详解：自动化配置管理的核心

1. 引言 Ansible Playbook是Ansible自动化系统的核心，它使用YAML格式描述一系列要在远程系统上执行的任务。通过Playbook，我们可以将复杂的IT操作转化为可重复、可版本控制的代码。本文将深入探讨Playbook的结构、语法和高级特性，帮助读者掌握编写高效、可维护的Playbook的…...

编程日记 2025/8/23 1:07:30

【实践总结】如何编写“多角色适配”的高质量技术文档？

一份文档想要“一稿多用”？先别急着开写！先读完这篇总结，你将学会如何拆解目标、设计结构、提升可读性，让文档不再顾此失彼。 🔍 背景：一文多用，常常适得其反在实际的软件项目中，我们往往希望通过一份设计文档，同时完成以下多个目标： ✅ 描述系统结构，便于团队成…...

编程日记 2025/8/20 15:28:34

Ansible 入门教程：从零开始掌握自动化运维

1. 引言在当今快速发展的IT环境中,自动化运维已成为提高效率、减少人为错误的关键。Ansible作为一个简单yet强大的自动化工具,正受到越来越多DevOps工程师的青睐。本文将带领读者从零开始,逐步掌握Ansible的核心概念和基本用法,为自动化运维之路打下坚实基础。 2. Ansible简…...

编程日记 2025/8/23 14:34:43

WSL2迁移教程：如何备份和转移Ubuntu子系统到新位置

WSL2迁移教程：如何备份和转移Ubuntu子系统到新位置文章目录 WSL2迁移教程：如何备份和转移Ubuntu子系统到新位置前言环境准备迁移步骤详解1. 查看当前WSL发行版状态2. 关闭所有WSL实例3. 导出WSL发行版4. 注销原有WSL发行版5. 导入WSL发行版到新位置6. 验…...

编程日记 2025/8/20 2:26:38

【备赛】eeprom

简介 EEPROM即电可擦可编程只读存储器，属于非易失存储芯片。它能电擦除、多次编程，支持字节级操作。掉电后数据不丢失。蓝桥杯嵌入式的eeprom使用AT24C02，使用IIC通信协议。驱动的函数官方已经写好，我们只需要移植并使用就…...

编程日记 2025/8/23 8:06:52

Pytorch torch.utils.data.dataloader.default_collate 介绍

torch.utils.data.dataloader.default_collate 是 PyTorch 中 DataLoader 默认的 collate_fn 函数，用于将一个批次的样本数据合并成张量（Tensor）或其他结构化数据格式。以下是关于 default_collate 的详细介绍： 1. 功能 default…...

编程日记 2025/8/20 1:19:21

Github最新AI工具汇总2025年4月份第2周

根据GitHub官方动态及开发者生态最新进展，以下是2025年4月第二周（截至4月7日）值得关注的AI工具与技术更新汇总： 1. GitHub Copilot Agent Mode全量发布核心功能：在VS Code中启用Agent模式后，Copilot可自主…...

编程日记 2025/8/21 1:35:32

2013年-全国大学生数学建模竞赛(CUMCM)试题速浏、分类及浅析

2013年-全国大学生数学建模竞赛(CUMCM)试题速浏、分类及浅析全国大学生数学建模竞赛（China Undergraduate Mathematical Contest in Modeling）是国家教委高教司和中国工业与应用数学学会共同主办的面向全国大学生的群众性科技活动，目的在于激励学生学习数学的积极性，提高学…...

编程日记 2025/8/20 5:19:42

LabVIEW 开发如何降本增效

在 LabVIEW 开发领域，如何在确保项目质量的同时降低开发成本，是众多企业和开发者共同关注的焦点。这不仅关乎资源的高效利用，更影响项目的投资回报率和市场竞争力。下面，我们将从多个维度深入剖析降本策略，并结合具体案…...

编程日记 2025/8/21 21:31:18

云存储服务器的作用都有哪些？

云存储服务器是一种用来存储和管理企业数据信息的服务器，可以为企业与组织提供一个可靠、安全和可扩展的存储平台，能够帮助个人和企业将数据信息存储在云端，以此来实现数据信息的备份、共享和访问功能。云存储服务器支持多个用户共同访问和共…...

编程日记 2025/8/19 2:54:57

可编辑33页PPT | AI智能智慧工厂厂区完全整体解决方案

荐言摘要：AI智能智慧工厂厂区完全整体解决方案是一种集成了先进的人工智能技术、工业自动化系统和创新管理理念的综合性方案，旨在提升生产效率、降低成本、实现灵活生产，并推动工厂的智能化发展。随着技术的不断进步，工厂架构经…...

编程日记 2025/8/19 5:37:34

vmware虚拟机上Ubuntu或者其他系统无法联网的解决方法

一、检查虚拟机是否开启了网络服务打开方式：控制面板->-管理工具--->服务查找 VMware DHCP Service 和VMware NAT Service ，确保这两个服务已经启动。如下图，没有启动就点击启动。二、设置网络类型我们一般使用前两种多一些&…...

编程日记 2025/8/23 18:01:33

python中pyside6多个py文件生成exe

网上见到的教程大多数都是pyinstaller安装单个py文件，针对多个py文件的打包，鲜有人提及；有也是部分全而多的解释，让人目不暇接，本次记录自己设置一个声波捕捉界面的打包过程。 1.pycharm中调用pyinstaller打包参考链接：https://blog.csdn.net/weixin_45793544/articl…...

编程日记 2025/8/20 1:36:55

P1006 [NOIP 2008 提高组] 传纸条题解

题目传送门前言每次准备摸鱼时都在这道题的界面。今天有空做做，顺便写一波题解，毕竟估值蹭蹭往下跳。双倍经验：P1004 [NOIP 2000 提高组] 方格取数，P1006 [NOIP 2008 提高组] 传纸条。题意简述现有一个 m m m 行 n …...

编程日记 2025/8/24 18:13:11

linux下编译Websocketpp，适用x86和armv8

编译boost库下载源文件：Version 1.79.0 编译： sudo ./bootstrap.sh sudo ./b2 install 安装websocketpp git clone https://github.com/zaphoyd/websocketpp.git cd websocketpp #进入目录 mkdir build cd build cmake .. make sudo make ins…...

编程日记 2025/8/22 5:11:44

skynet.dispatch 使用详解

目录 skynet.dispatch 函数详解1. 函数定义与参数2. 消息处理流程3. 使用示例示例 1：处理 Lua 协议消息示例 2：处理自定义协议消息 4. 关键机制(1) 协程与阻塞操作(2) 消息响应 5. 与 skynet.register_protocol 的协作6. 注意事项7. 典型应用场景总结 s…...

编程日记 2025/8/17 23:06:14

CondaError: Run ‘conda init‘ before ‘conda activate‘

CondaError: Run conda init before conda activate，表明 Conda 环境未正确初始化，导致无法激活目标环境。以下是具体解决方案： 1. 初始化 Conda Conda 需要先初始化才能使用 activate 命令。根据Linux系统，运行以下命令初始化 B…...

编程日记 2025/8/21 15:58:27

从代码学习深度学习 - 序列到序列学习数据预处理 PyTorch 版

文章目录前言一、数据读取二、文本预处理三、词元化四、构建词表五、截断和填充六、转换为张量七、数据迭代器总结前言在深度学习领域，序列到序列（Seq2Seq）模型是一种非常重要的架构，广泛应用于机器翻译、文本摘要和对话生成等任务。在实现 Seq2Seq 模型时，数据的预处理…...

编程日记 2025/8/23 4:33:54

SQL：Primary Key（主键）和Foreign Key（外键）

编程日记 2025/8/22 21:53:59

ClickHouse接入prometheus监控

ClickHouse接入prometheus监控在 ClickHouse 集群环境下（假设你有 3 台服务器），使用自带的 Prometheus 端点来监控是完全可行的。集群部署意味着你需要为每台服务器配置 Prometheus 端点，并确保 Prometheus 能够从所有节点采集数…...

编程日记 2025/8/17 23:33:47

轻量级UDP流量重放工具的技术实现与场景应用（C/C++代码实现）

在网络协议测试、安全攻防演练、性能调优等领域，精确控制数据包传输行为是核心需求。udp_replay作为一款专注于UDP流量的开源工具，通过简洁的设计实现了对pcap文件中UDP数据流的灵活重放。本文将从技术实现原理、核心功能亮点及典型应用场景三个维度展开…...

编程日记 2025/8/22 18:26:58

时序数据库 TDengine × Excel：一份数据，两种效率

在日常工作中，很多人都离不开 Excel。不论是设备运维工程师、数据分析师，还是业务人员，一份熟悉的电子表格往往就是他们的“第一张报表”。现在，TDengine 也可以与 Excel 实现无缝连接，用户可以直接在 Excel 中查询时…...

编程日记 2025/8/23 17:21:37

video自动播放

文章目录前言在iOS系统中，H5页面的自动播放功能受到了一些限制，为了提升用户体验和保护用户隐私，Safari浏览器对于自动播放的行为做了一些限制。一、自动播放的限制二、解决方案前言在iOS系统中，H5页面的自动播放功能受到了一…...

编程日记 2025/8/24 17:21:05

如何利用AI智能生成PPT，提升工作效率与创意表现

如何利用AI智能生成PPT，提升工作效率与创意表现！在这个信息爆炸的时代，制作一份既专业又富有创意的PPT，已经不再是一个简单的任务。尤其是对于每天都需要做报告、做展示的职场人士来说，PPT的质量直接影响着工作效率和个…...

编程日记 2025/8/22 2:28:06

Java8+Spring Boot + Vue + Langchain4j 实现阿里云百炼平台 AI 流式对话对接

1. 引言在本文中，我们将介绍如何使用 Spring Boot、Vue.js 和 Langchain4j，实现与阿里云百炼平台的 AI 流式对话对接。通过结合这些技术，我们将创建一个能够实时互动的 AI 聊天应用。这是一个基于 Spring Boot Vue.js Langchain4j 的智…...

编程日记 2025/8/21 7:37:12

【scikit-learn基础】--『数据加载』之外部数据集

这是scikit-learn数据加载系列的最后一篇，本篇介绍如何加载外部的数据集。外部数据集不像之前介绍的几种类型的数据集那样，针对每种数据提供对应的接口，每个接口加载的数据都是固定的。而外部数据集加载之后，数据的字段和类型是…...

编程日记 2025/8/19 19:53:17

Redis原理：keys命令

语法： keys pattern 返回所有符合pattern的key 支持 glob-style patterns: h?llo matches hello, hallo and hxlloh*llo matches hllo and heeeelloh[ae]llo matches hello and hallo, but not hilloh[^e]llo matches hallo, hbllo, ... but not helloh[a-b]llo ma…...

编程日记 2025/8/19 6:48:34

4.7学习总结可变参数+集合工具类Collections+不可变集合

可变参数： 示例： public class test {public static void main(String[] args) {int sumgetSum(1,2,3,4,5,6,7,8,9,10);System.out.println(sum);}public static int getSum(int...arr){int sum0;for(int i:arr){sumi;}return sum;} } 细节&#xff1a…...

编程日记 2025/8/21 10:29:11