npm和yarn的使用

已于 2022-05-18 11:06:02 修改
阅读量3.3k 收藏 15
点赞数 6
文章标签： npm javascript 前端
于 2022-05-18 11:05:39 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44703582/article/details/124836329
版权
本文详细介绍了npm和Yarn这两个JavaScript包管理工具。涵盖了npm的安装、镜像设置、使用及常用命令，解析了Package.json文件。接着讨论了Yarn的出现背景、优点、安装和基本使用。最后，探讨了npm与Yarn之间的相互迁移过程，为开发者提供了便捷的转换方法。
摘要由CSDN通过智能技术生成

目录

一、什么是npm

1.1安装npm工具

1.2 npm镜像设置

1.3 npm的使用

1.4 npm常用命令

1.5 Package.json 文件属性说明

二、什么是Yarn

2.1 Yarn的优点

 2.2 Yarn的安装

2.3 Yarn的基本使用

三、npm和yarn的相互迁移

一、什么是npm

npm(全称Node Package Manager，即node包管理器)。是Node.js默认的、以JavaScript编写的软件包管理系统。npm来分享和使用代码已经成了前端的标配。

官网：https://www.npmjs.com

1.1安装npm工具

因为npm是node.js默认的软件包安装管理系统，所以要先安装node.js。

官网：http://nodejs.cn

node安装完成后，按下win+r打开运行窗口输入cmd进入命令提示符界面，输入node -v查看是否成功安装node.js和版本号是多少。

可以看到node.js的版本号，证明安装成功。

再次输入npm -v查看npm是否安装成功：

1.2 npm镜像设置

最低0.47元/天 解锁文章
双星。
关注
  • 6
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
YARN与npm
Mar.三月
02-24 2404
最近都在一门心思专注于java，很久没有碰过js，熟悉前端的同学 对npm和yarn在熟悉不过了。 怎么说呢，java这个领域是很广，作为一个成熟专业的java开发来讲，生态java是你必须掌控的，但是对于整个产品、项目的把控上，也是为了 更好的开发系统而言，后端稍微懂一些前端的东西还是很有必要的，不然就会出现接口设计不能很好满足前端需求。 进入正题：我目前在尝试本地启动前端vue，连接本地java服务，然后就整个全链路看清晰一些。 稍稍把这个东西搞明白之后，打算接着专供java服务。 yarn n
npm包管理、cnpm、yarn、cyarn的使用
hzg_hou的博客
05-23 2650
全称：Node Package Manager，Node的包管理器，也是一个应用程序。cnpm 是淘宝对国外 npm 服务器的一个完整镜像版本，也就是淘宝 npm 镜像，网站地址yarn 是 Facebook 开源的新的包管理器，可以用来代替 npm。
yarn的安装和配置以及更新总结，npm的对照使用差异
最新发布
工作的日常记录和平凡的生活分享
07-16 2052
Yarn 是一个快速、可靠和安全的 JavaScript 包管理器，它通过并行化操作和智能缓存机制，显著提升了依赖安装的速度。Yarn 还提供了离线支持，即使在没有网络的情况下，也能安装依赖包。此外，Yarn 使用yarn.lock文件锁定依赖版本，确保在不同环境中安装的依赖包版本一致，避免了“在我这能运行”的问题。
2.npm与yarn详细使用
相互学习 共同进步
05-12 5161
npm（Node Package Manager，包管理器） npm通常称为node包管理器，主要功能就是管理node包，包括：安装、卸载、更新、查看、搜索、发布等。Npm是基于couchdb一个数据库，详细记录了每个包的信息（作者、版本、依赖、授权信息等） 为什么使用npm？ npm是一个让JavaScript程序员分享和复用代码的工具。有了它，JS程序员能高效地管理和发布自己要分享的代码。但是进行分享，需要的依赖的代码越来越多，所以用一个工具把这些代码集中到一起来管理；买个服务器作为代码仓库（regi
npm和yarn的区别
诚的博客
10-26 328
Yarn是什么？ “Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 ，正如官方文档中写的，Yarn 是为了弥补 npm 的一些缺陷而出现的。”这句话让我想起了使用npm时的坑了： npm install的时候巨慢。特别是新的项目拉下来要等半天，删除node_modules，重新install的时候依旧如此。 同一个项目，安装的时候无法保持一致性。由于package.json文件中版本号的特点，下面三个版本号在安装的时候代表不同的含义。
npm安装yarn
fengchengwu2012的博客
01-23 4006
Yarn 缓存了每个下载过的包，所以再次使用时无需重复下载， 同时利用并行下载以最大化资源利用率，安装速度快。有时候使用npm构建项目，拉取第三方库的时候很慢不稳定，而yarn就是解决这一痛点的利器。使用详细、简洁的锁文件格式和明确的安装算法，Yarn 能够保证在不同系统上无差异的工作。Yarn 会通过算法校验每个安装包的完整性。
node、npm、yarn环境安装与配置
02-02
在项目中切换npm和Yarn，只需修改`package-lock.json`（npm）或`yarn.lock`（Yarn）文件，然后根据需要使用相应的命令安装依赖。Yarn还提供了工作空间功能，允许在一个大项目中管理多个独立的子项目，通过`yarn ...
narn:无需再在npm和yarn命令之间切换
05-08
arn 无需再次在yarn，npm和pnpm命令之间切换。 narn是一个CLI，用于检测您当前的npm软件包是否正在使用npm，yarn或pnpm。 然后，它会使用正确的参数生成正确的参数。 narn本身的参数与使用yarn时的参数完全相同。 ...
npm cnpm yarn 的使用及常见的下载
04-06
npm cnpm yarn 的使用及常见的下载
npm与yarn对比.doc
03-20
npm与yarn对比.doc
ypmn:决定使用npm或yarn的CLI
05-10
决定使用npm或yarn CLI 概念证明。 它是早期的alpha版本。 使用风险自负！ 如何做出决定 检查最近目录中的文件yarn.lock 检查是否安装了“ yarn” 如果1.和2.是true则运行yarn 。 否则，运行npm 。 安装 $ npm ...
yarn与npm
m0_63757700的博客
04-08 3608
npm与yarn切换，详解npm,yarn
npm 和 yarn 的使用
戈文文的博客
01-29 883
npm install默认情况下会安装package.json文件中包括dependencies和devDependencies在内的所有依赖项。npm 包管理工具提供了一个快捷命令，可以在执行命令时所处的目录中，快速创建 package.json 这个包管理配置文件。把包安装到 devDependencies 节点中。把包安装到 dependencies 节点中。
npm和yarn
qq_42453238的博客
10-03 366
npm和yarn都是js的包管理工具 yarn相较于npm主要有以下3个优点 : yarn的速度快， Yarn 在执行包的安装时，是并行下载，同步执行所有任务。还拥有离线缓存机制，在已经安装过某个包后，无需联网即可从缓存中获取安装。 版本锁定，可以避免不同开发者在安装依赖时因为版本不同所造成的bug 多注册来源处理统一，所有的依赖包，不管他被不同的库间接关联引用多少次，安装这个包时，只会从一个注册来源去装，要么是 npm 要么是 bower, 防止出现混乱不一致。 更好的语义化语法： yarn改变了一些n
npm和yarn的区别（包管理工具）
m0_49159526的博客
07-04 3424
包管理工具npm和yarn的一些区别 1. 官网文档 [npm](https://www.npmjs.cn/) [yarn](https://yarn.bootcss.com/) 2. npm存在的一些不足 npm install的时候巨慢。特别是新的项目拉下来要等半天，删除node_modules，重新install的时候依旧如此。 同一个项目，安装的时候无法保持一致性。由于package.json文件中版本号的特点，下面三个版本号在安装的时候代表不同的含义。 "5.0.3", "~5.0.
Npm和Yarn优劣对比，一文学会Yarn常用命令！
YYDataV的博客
07-30 2249
一、Npm和Yarn 介绍 npm 为你和你的团队打开了连接整个 JavaScript 天才世界的一扇大门。它是世界上最大的软件注册表，每星期大约有 30 亿次的下载量，包含超过 600000 个包（package）（即，代码模块）。来自各大洲的开源软件开发者使用 npm 互相分享和借鉴。包的结构使您能够轻松跟踪依赖项和版本。npm 由三个独立的部分组成： 网站：网站是开发者查找包（package）、设置参数以及管理 npm 使用体验的主要途径。 注册表（registry）：注册表是一个巨大的...
Yarn和npm
油墨香^-^的博客
06-29 297
Yarn 是 Facebook, Google, Exponent 和 Tilde 开发的一款新的 JavaScript 包管理工具。就像我们可以从官方文档了解那样，它的目的是解决这些团队使用 npm 面临的少数问题，即： 安装的时候无法保证速度/一致性 安全问题，因为 npm 安装时允许运行代码 但请不要惊慌！它并没有试图完全取代 npm。Yarn 同样是一个从 npm 注册源获取模块的新的 CLI 客户端。注册的方式不会有任何变化 —— 你同样可以正常获取与发布包。 是否每个人现在
npm和yarn安装
09-13
对于JavaScript开发，npm和yarn都是常用的包管理工具。它们可以用来安装、管理和更新项目所需的依赖包。 首先，npm（Node Package Manager）是Node.js的默认包管理工具，使用npm安装依赖包非常简单。你可以在命令行中使用以下命令来安装包： ``` npm install <package-name> ``` 例如，要安装一个名为"axios"的包，你可以运行： ``` npm install axios ```＊＊＊它也能够完成同样的任务。使用yarn安装依赖包的命令和npm略有不同： ``` yarn add <package-name> ``` 同样以"axios"为例，你可以使用以下命令来使用yarn安装： ``` yarn add axios ``` yarn也会从npm注册表中下载并安装该包。 无论你选择使用npm还是yarn，它们都会在项目文件夹中创建一个"node_modules"文件夹，并将依赖包下载到其中。你可以通过在项目文件中引入这些依赖包来使用它们。 希望这能解答你的问题！如果还有其他疑问，请随时提问。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值