[工具]npm &yarn

作者: 捡了幸福的猪 | 来源:发表于2021-07-04 21:58 被阅读0次

Npm

1、代码通过 包(package) (或者称为 模块(module)) 的方式来共享。 一个包里包含所有需要共享的代码,以及描述包信息的文件,称为 package.json 。

2、语义化描述Semer:

  • “5.0.3”表示安装指定的5.0.3版本
  • “~5.0.3”表示安装5.0.X中最新的版本
  • “^5.0.3”表示安装5.X.X中最新的版本。

3、npm install 时不是每次都从网上下载包,npm是有本地缓存的,它保存了已经下载的每个版本的压缩包。
npm cache verify:验证缓存数据的有效性和完整性,清理垃圾数据

verify.png
npm cache clean: 删除缓存目录下的所有数据。从 npm@5 开始,为了保证缓存数据的有效性和完整性,需要加上 --force 参数。
clean.png

4、npm 包全局安装:
全局安装是将npm包安装在node安装目录下的node_modules文件夹中。在windows和mac中,全局安装的默认路径不同。在mac中默认是安装到/usr/local/lib中。在windows默认安装目录是C:\Program Files\nodejs。

/usr/local/lib.png
npm config ls: 查看npm的基础设置
npm root -g: 查看全局安装路径
npm config get prefix: 查看安装node路径
image.png

5、全局命令
npm包在全局安装之后,这个包的命令就会被注册到全局,然后可以直接在命令行中执行这个命令。当全局安装一个npm包,这个包被存放在/usr/locla/lib/node_modules或者C:\Program Files\nodejs\node_modules目录下,而在这个包的package.json文件中,在bin属性下配置的执行命令,会放在/usr/locla/bin或者C:\Program Files\nodejs文件中。当在命令行执行这个命令,系统就会执行/usr/locla/bin目录下对应的文件。

比如安装在全局的typescript 包的 package.json文件: image.png

6、本地安装
在本地安装一个包之后,这个包的命令会被添加到项目的node_modules/.bin文件中。执行npm run 命令package.json中的scripts会按照一定顺序寻找对应命令的位置,本地的node_modules/.bin也在寻找的清单中,所以本地安装的包的命令可以执行。

Yarn

1、yarn文档[https://yarn.bootcss.com/docs/cli/(https://yarn.bootcss.com/docs/cli/)

2、 一个新的 CLI 工具,拉取的 packages 依然来自 npm 仓库,仓库本身不会变,所以获取或者发布模块的时候和原来一样。

3、命令
yarn why:可用于分析 安装包在哪里被用到

4、Yarn 默认生成锁文件

5、 并行安装
无论 npm 还是 Yarn 在执行包的安装时,都会执行一系列任务。npm 是按照队列执行每个 package,也就是说必须要等到当前 package 成功安装之后,才能继续后面的安装,而 Yarn 是同步执行所有任务,提高了性能。

相关文章

  • 前端包管理工具yarn和npm的区别和联系

    yarn和npm都是node的包管理工具,yarn出现的比npm要晚,这就说明了yarn恩狗解决npm的一些问题。...

  • npm 与 yarn 的区别,速度实测

    npm 和 yarn 都是 JS 包管理工具。 yarn 和 npm 命令对比 需要安装的依赖: 安装实测对比...

  • Yarn的介绍

    定位:包管理工具,替代npm 安装速度快,版本锁定,缓存机制 Yarn的安装:npm install yarn -...

  • [工具]npm &yarn

    Npm 1、代码通过 包(package) (或者称为 模块(module)) 的方式来共享。 一个包里包含所有需...

  • Yarn 介绍

    使用Yarn 定位:包管理工具,替代npm 安装速度快,版本锁定,缓存机制 安装 npm install yarn...

  • React native 时间格式化工具 moment

    JS 时间格式化工具 moment npm install moment --save # npm yarn ad...

  • yarn 安装

    Yarn和npm都是包管理工具 Tips:npm5.0是因为yarn出现之后才新增了package-lock.js...

  • 2021-11-26

    yarn 安装 yarn的简介:Yarn是facebook发布的一款取代npm的包管理工具。 yarn的特点:速度...

  • npm、yarn设置源

    介绍一款能同时、分开管理npm、yarn源的工具 cgr -- change registry | yarn & ...

  • yarn构建vue项目

    yarn也是和npm的功能一样,都是一个包管理工具. 1、yarn的安装 说明:yarn的使用也是和npm一样,之...

网友评论

    本文标题:[工具]npm &yarn

    本文链接:https://www.haomeiwen.com/subject/ovevultx.html