关于npm和yarn的使用(自己的问题记录)

这篇具有很好参考价值的文章主要介绍了关于npm和yarn的使用(自己的问题记录)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

目录

一  npm 和 yarn 的区别

二  npm 和 yarn 常用命令对比

1. 初始化项目

2. 安装所有依赖包

3. 安装某个依赖包

4.安装某个版本的依赖包

5. 更新依赖包

5. 移除依赖包

三  package.json中 devDependencies 和 dependencies 的区别。

四   npm安装包时,加 --save和不加的区别


一  npm 和 yarn 的区别

1.  来源

        npm 是node.js自带包管理工具,将node.js安装后,就可以直接使用npm包管理工具。

        yarn 需要通过npm进行安装后才能使用。安装命令:npm install -g yarn (全局安装后所有项目都可以使用)

2. 安装速度

        yarn: 速度较快:因为它会缓存已下载的包,并在安装时利用并行下载来最大化资源利用率。
        npm: 速度较慢:npm 需等待上一个任务安装完成才能运行下一个任务,尤其是在网络不稳定的情况下,可能会出现延迟和丢包的情况。

3.  版本控制
        yarn: 使用 yarn.lock 文件记录安装的包版本号,确保在不同系统上安装的依赖版本一致。
        npm: 使用 package-lock.json 文件来记录确切安装的模块版本号,但需要手动执行 npm shrinkwrap 命令来生成锁定文件。 

二  npm 和 yarn 常用命令对比

    以 axios 为例。

1. 初始化项目

yarn init
npm init

2. 安装所有依赖包

yarn 或 yarn install
npm install

3. 安装某个依赖包

yarn add axios
npm install axios

4.安装某个版本的依赖包

yarn add axios@1.6.7

npm install axios@1.6.7

5. 更新依赖包

yarn upgrade axios
npm update axios

5. 移除依赖包

yarn remove axios
npm uninstall axios

三  package.json中 devDependencies 和 dependencies 的区别。

        1. dependencies: 生产环境依赖包。使用 npm install 命令安装模块时,dependencies 中的包会被安装到项目中。这些包在程序运行时必须的,没有的话慧报错,导致程序运行出错。

        安装命令:npm install echarts -save

        2. devDependencies: 开发环境依赖包。只用在开发过程中,在程序正式部署时不需要。比如:webpack、glup 等。

        安装命令:npm install echarts --save-dev

四   npm安装包时,加 --save和不加的区别

        1. npm install xxx --save : 命令是安装模块到项目node_modules目录下,并将模块依赖写入package.json文件中的dependencies下。如果node_modules目录被删除了(或者程序拉下来后需要初始化),使用npm install 可以自动安装所有的依赖。

        2. npm install xxx  :命令是安装模块到项目node_modules目录下,但是不会将安装的依赖包写到package.json文件中。如果将node_modules目录删除,使用npm install安装所有依赖,自行安装的依赖不会被安装,如果使用,需要再次手动安装(npm install xxx)。

        3. 总结:加了--save 会更加方便再次初始化依赖包。文章来源地址https://www.toymoban.com/news/detail-849434.html

到了这里,关于关于npm和yarn的使用(自己的问题记录)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Android13关于获取外部存储文件的相关问题及解决方案记录

      Android的学习路上... 测试设备:vivo X90s 安卓版本: Android13 开发环境:AndroidStudio Flamingo SDK:33 最近我在Android13的环境下尝试写一个 文件选择器 ,以便日后的开发使用。但是我们知道,从Android13 (API33) 开始,外部存储权限发生了变化,要想读取外部存储文件,使用原来的权

    2024年01月15日
    浏览(40)
  • 解决:yarn 无法加载文件 “C:\Users\admin\AppData\Roaming\npm\yarn.ps1,因为在此系统上禁止运行脚本“ 的问题

    其一、报错的整体代码为: yarn : 无法加载文件 C:UsersadminAppDataRoamingnpmyarn.ps1,因为在此系统上禁止运行脚本 // 整体的报错代码为 : 其二、报错面显示为: 其三、查看 yarn 版本信息: A、在 VSCode 中查看 yarn 的版本报错: B、但是在 cmd 命令行中,查看 yarn 的版本信息却没

    2024年02月13日
    浏览(35)
  • yarn与npm的区别(yarn的安装报错问题)

            yarn 是一个软件包管理系统,Yarn 和 npm 都是包管理工具,用于管理用 JavaScript 编写的软件包,yarn的出现是为了弥补 npm的一些缺陷。yarn 与 npm 的区别 : 性能:Yarn 在性能上通常比 npm 更快,因为它使用了并行下载和缓存机制。Yarn 的下载速度更快,可以有效地利用

    2024年02月12日
    浏览(24)
  • npm pnpm yarn 报错或常见问题处理集锦

    各种卡死,报错问题处理汇总 方法1:切换源 方法2:清除缓存 解决方案1 node-sass 从 淘宝源下载 解决方案1 将 yarn 源切换至淘宝源 解决方案1 node-sass 从 淘宝源下载 解决方案1 除 yarn.lock 文件,重新执行 解决方案1 删除之前node-mdules ,重新执行 解决方案: 查访此issue后得知: 把

    2024年01月17日
    浏览(30)
  • 使用npm安装yarn

    很多同学用惯了npm安装项目依赖, 想要尝试使用yarn的命令, 但是第一次使用yarn的时候,发现报错, 这是什么情况呢? 因为,想要使用yarn,需要首先安装yarn。 那么问题来了,如何安装呢? 1.使用npm安装yarn【确保npm可以正常使用】 2.检查安装后的yarn版本 显示版本信息,表

    2023年04月12日
    浏览(27)
  • macOS下由yarn与npm差异引发的Electron镜像地址读取问题

    记录macOS下由yarn与npm差异引发的Electron镜像地址读取问题 写在前面:该问题仅仅出现在Linux和macOS上,Windows上不存在该问题! 最近笔者重新拾起了Electron,把最新版Electron的官方文档阅读了一遍。众所周知,Electron作为依赖在安装的时候,其二进制文件下载在国内一直以来都是

    2024年02月06日
    浏览(35)
  • 解决安装nvm以后windows cmd无法找到npm/yarn命令的问题

     安装了nodejs多版本管理工具nvm以后,会出现windows cmd无法找到npm/yarn命令的问题 只要一运行npm/yarn就会提示:不是内部命令,找不到运行路径之类的。 解决办法:首先打开windows环境变量的配置,查看NVM_SYMLINK指向的路径是什么  然后在cmd下运行以下的命令: setx PATH \\\"%PATH%;

    2024年02月07日
    浏览(38)
  • npm 和yarn的安装和使用方法

    npm 和yarn的安装和使用方法 一、npm安装 #npm i 报错问题error Unexpected token ‘.’ #解决办法 node降级安装为node 14.21.3版本 npm 6.14.18版本 #gnvm search 14. . #npm install 报错问题error cb() never called! #解决办法:node降级为node 10.24.1 npm 6.14.12 #gnvm search 10. . 二、yarn 安装 #Yarn是由Facebook、Google、

    2024年01月25日
    浏览(42)
  • npm ,yarn 更换使用国内镜像源,淘宝源

    文章首发地址 在平时开发当中,我们经常会使用 Npm,yarn 来构建 web 项目。但是npm默认的源的服务器是在国外的,如果没有梯子的话。下载速度会特别慢。那有没有方法解决呢? 其实是有的,设置国内镜像即可,这样下载速度会快很多。 常用命令: 功能/工具名称 yarn npm 安

    2024年02月07日
    浏览(43)
  • 如何使用前端包管理器(如npm、Yarn)?

    聚沙成塔·每天进步一点点 前端入门之旅:探索Web开发的奇妙世界 欢迎来到前端入门之旅!感兴趣的可以订阅本专栏哦!这个专栏是为那些对Web开发感兴趣、刚刚踏入前端领域的朋友们量身打造的。无论你是完全的新手还是有一些基础的开发者,这里都将为你提供一个系统而

    2024年02月07日
    浏览(28)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包