背景

一直觉得npm、cnpm、yarn的安装删除基本一样用哪个都行,不过俗话说的好,实践出真知,这里记录一下今天简单测试得到的结果总结。

可能会有错误,希望大家评论指正,十分感谢。

测试电脑系统:Mac

初始化

步骤:在三个文件夹里分别执行以下命令

npm init

cnpm init

yarn init

结果都是添加了一个package.json文件

安装包

步骤:在三个文件夹里分别用三种命令安装包,然后在不同文件夹换命令安装,查看文件变化情况

npm i dayjs

  1. 较其他两种方式速度慢些
  2. 自动生成了package-lock.json
  3. node_modules中只有一个dayjs包
  4. dependencies依赖里有dayjs

yarn add moment 安装成功,package-lock.json中没有moment版本锁

cnpm i dayjs

  1. 没有生成lock文件
  2. node_modules里有两个包(不重要)
  3. dayjs没有加入到dependencies中,使用cnpm i dayjs -S才能加进去

yarn add dayjs

  1. 生成了yarn.lock文件
  2. node_modules里有dayjs包和.yarn-integrity文件(感觉是存储依赖版本的hash值,yarn check --integrity可能会用到)
  3. dependencies依赖里有dayjs

npm i moment 安装成功,yarn.lock中没有moment版本锁

删除包

删除步骤尝试略多,不赘述,直接一起总结。

测试结果

  1. 如下图,上面是npm、yarn安装的包,下面是cnpm安装的包

  2. npm i xxx 默认参数为 -S,改变package.json和package-lock.json,同时会删除掉cnpm安装的包(不管cnpm是否带参)
  3. npm r xxx,改变package.json和package-lock.json,删除存在与依赖的包时,同时会把没有在依赖里的其他包删除掉(比如没有加参数的用cnpm安装的包),有在依赖里的其他包会被更新

    变成
  4. cnpm i xxx / cnpm r xxx 只能安装 / 删除包,不改变任何配置文件
  5. cnpm i xxx / cnpm r xxx 带 -S / -D 参数时,只改变package.json,不改变锁文件
  6. yarn add xxx 默认参数为 -S,改变package.json和yarn.lock
  7. yarn remove xxx 找不到没有写入package.json依赖的包,无法删除;写入package.json依赖的可以删除
  8. yarn remove xxx 改变package.json和package-lock.json,删除存在与依赖的包时,同时会把没有在依赖里的其他包删除掉(比如没有加参数的用cnpm安装的包),有在依赖里的其他包会被更新

✨理论总结✨

能改变package.json的命令

  1. npm、yarn
  2. cnpm带 -S / -D 参数时

锁文件的改变

  1. package-lock.json文件只由npm改变
  2. yarn.lock文件只由yarn改变
  3. cnpm带不带参数都无法影响两个锁文件

cnpm安装的包会受到的影响

  1. npm、yarn安装包时会把cnpm不带 -S / -D 安装的其他包删除
  2. npm、yarn删除包时会把cnpm不带 -S / -D 安装的其他包删除,有在依赖里的cnpm安装的其他包会被更新
  3. npm安装包时会把cnpm带 -S / -D 安装的其他包删除,但package.json里依赖不会被删除,这时再执行npm删除,会按照依赖把误删的其他包装回来,但是继续安装不会装回来。(ps:有点秀~)
  4. yarn安装包时会把cnpm带 -S / -D 安装的其他包更新
  5. npm能直接删除cnpm不带 -S / -D 安装的包
  6. yarn不能直接删除cnpm不带 -S / -D 安装的包,会提示找不到包

(cnpm带不带 -S / -D归根结底是有没有在package.json中添加依赖)


附一个小知识

yarn check                  //检查package.json里的依赖版本和yarn.lock里是否一致
yarn check --integrity //检查package.json里的依赖版本的hash值和yarn.lock里是否一致,有助于验证包依赖没有更改

npm、cnpm、yarn 安装删除异同的更多相关文章

  1. npm cnpm yarn 安装

    安装node.js,其中已经集成了npm,可以将npm切换到国内镜像 $ npm config set registry https://registry.npm.taobao.org -- 配置后可 ...

  2. npm(cnpm)介绍(安装gulp)

    1.npm(node package manager) nodejs的包管理器,用于node插件管理(安装.卸载.更新.管理依赖等); 2.使用npm安装安装插件: 1).命令提示符执行 npm in ...

  3. 关于npm和yarn 安装vue脚手架

    第一篇博客有点小紧张.轻喷~ 第一步:安装node.js       地址 --------https://nodejs.org/en/ 详细步骤这里就不写了    可以去看     地址 ----- ...

  4. npm\cnpm\yarn\tyarn 关于源和代理的问题

    npm 是一个包管理器.Node.js 自带. cnpm 是 npm 的阿里版,用的阿里源. yarn 是另一个包管理器,不自带,需要另外装.可以单独装,也可以用 npm 装. tyarn 是 yar ...

  5. Nodejs NPM CNPM优雅安装install

    由于npm和cnpm都能安装组件,安装的组件有的保存在c盘用户目录的Appdata隐藏目录下,有的保存在安装node的目录下,而且安装在c盘的话,重装系统又得重新部署,甚是麻烦,所以这里提供优雅安装的 ...

  6. npm cnpm yarn

    npm 如何下载指定版本的组件 先确保文件目录下含有 package.json 文件, 没有的话,可以通过 npm init 创建, 然后只需要在组件的后面加上 @2.8.1 版本号即可, 例如:re ...

  7. Npm vs Yarn 之备忘大全

    有则笑话,如此讲到:"老丈人爱吃核桃,昨天买了二斤陪妻子送去,老丈人年轻时练过武,用手一拍核桃就碎了,笑着对我说:你还用锤子,你看我用手就成.我嘴一抽,来了句:人和动物最大的区别就是人会使用 ...

  8. npm安装删除模块以及cnpm淘宝镜像

    npm安装模块 [$ npm install xxx]利用 npm 安装xxx模块到当前命令行所在目录: [$ npm install -g xxx]利用npm安装全局模块xxx: npm 删除模块 ...

  9. 大话npm,cnpm和yarn

    npm:基于node.js的包管理工具; 常用命令 npm install 包名; 缺点:因服务器在国外,所以下载包的速度超级慢,所以出现了cnpm和yarn cnpm:跟npm是一样的,这是淘宝出的 ...

随机推荐

  1. sql注入--双查询报错注入原理探索

    目录 双查询报错注入原理探索 part 1 场景复现 part 2 形成原因 part 3 报错原理 part 4 探索小结 双查询报错注入原理探索 上一篇讲了双查询报错查询注入,后又参考了一些博客, ...

  2. 【R】资源整理

    1.25本Python电子书 http://python.jobbole.com/29281/ Think Stats Dive Into Python A Byte Of Python Think ...

  3. 解决tcp粘包问题

    目录 什么是粘包(演示粘包现象) 解决粘包 实际应用 什么是粘包 首先只有tcp有粘包现象,udp没有粘包 socket收发消息的原理 发送端可以是一K一K地发送数据,而接收端的应用程序可以两K两K地 ...

  4. Django --- Django下载和APP创建 ORM (大概步骤)

    1,下载: 命令行: pip install django == 1.11.15 pip install -i或 源 django == 1.11.15 pycharm settings 解释器 点 ...

  5. python设置虚拟环境

    一.介绍 虚拟环境-virtualenv是一个用于隔绝的python环境的工具,虚拟环境与本地环境互相隔离,互不影响,例如我们要安装django2.0的版本但是本地已经安装了1.1的,这时只需要在本地 ...

  6. flutter 解析json

    关于flutter 解析json 自己看了几天,最近才大概知道是怎么个情况. 首先 要处理的 是后端返回的数据 ,如果是直接请求的话返回的是json 字符串 然后要把字符串转成对象,有几种方式参考 第 ...

  7. HTML 文本内容居中

    简单描述:使用bootstrap 的model弹出框,里边的标题内容是靠左的,想把内容居中. 操作:给标题的class加上"text-center". 另外 我发现,在使用mode ...

  8. 物化视图(materialized view) 实现数据迁移、数据定时同步

    近日公司有一个9i 的Oracle数据库,运行效率低下.想要将其升级到11G. 但是升级之前 要将数据进行同步,好在表不是很多.只有三张表.业务压力也不大,就想到了使用物 化视图的方式将数据同步过来. ...

  9. Python3——MP3播放器

    sql # 创建数据库 CREATE DATABASE `music_player` CHARACTER SET 'utf8'; # 创建MP3音乐文件的表 CREATE TABLE mp3_file ...

  10. JavaScript复制文本探究

    JS复制文本基本分为两步-First: 选中需要复制的节点,及选区:Second: 执行document.execCommand('copy')命令复制 对于选区,属于HTMLInputElement ...