❤ yarn 和npm、cnpm、pnpm 的使用以及遇到的问题

❤ yarn 和npm 的使用

yarn 的安装使用

官网

https://www.yarnpkg.cn/getting-started/install#nodejs-1610

yarn 版本1的使用 （Node.js <16.10）

yarn 简介
Yarn是facebook发布的一款取代npm的包管理工具。

yarn特点：
1，速度超快。
Yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率，因此安装速度更快。
2，超级安全。
在执行代码之前，Yarn 会通过算法校验每个安装包的完整性。
3，超级可靠。
使用详细、简洁的锁文件格式和明确的安装算法，Yarn 能够保证在不同系统上无差异的工作。

yarn1 的安装:

下载node.js，使用npm安装

npm install -g yarn 
或者
npm install --global yarn //全局安装

yarn --version // 查看版本

yarn init // （常见）初始化一个新项目

vue init webpack 项目名称 // vue 初始化webpack 项目

添加依赖包
yarn add [package]
yarn add [package]@[version]
yarn add [package]@[tag]

将依赖项添加到不同依赖项类别中
分别添加到 devDependencies、peerDependencies 和 optionalDependencies 类别中：

yarn add [package] --dev
yarn add [package] --peer
yarn add [package] --optional



升级依赖包
yarn upgrade [package]
yarn upgrade [package]@[version]
yarn upgrade [package]@[tag]


移除依赖包
yarn remove [package]
yarn remove 包名称
安装项目的全部依赖
yarn install
yarn   //  yarn install 的简写，可直接敲击 yarn ，功能和 npm install 一样

Yarn 淘宝源安装，分别复制粘贴以下代码行到黑窗口运行即可
[配置 Yarn 走 Taobao 源]

yarn config set registry https://registry.npm.taobao.org -g 
yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g

yarn的常用命令：

安装yarn 
npm install -g yarn
安装成功后，查看版本号： 
yarn --version
创建文件夹 yarn 
md yarn
进入yarn文件夹 
cd yarn
初始化项目 
yarn init // 同npm init，执行输入信息后，会生成package.json文件
yarn的配置项： 
yarn config list // 显示所有配置项
yarn config get <key> //显示某配置项
yarn config delete <key> //删除某配置项
yarn config set <key> <value> [-g|--global] //设置配置项
安装包： 
yarn install //安装package.json里所有包，并将包及它的所有依赖项保存进yarn.lock
yarn install --flat //安装一个包的单一版本
yarn install --force //强制重新下载所有包
yarn install --production //只安装dependencies里的包
yarn install --no-lockfile //不读取或生成yarn.lock
yarn install --pure-lockfile //不生成yarn.lock
添加包（会更新package.json和yarn.lock）：
yarn add [package] // 在当前的项目中添加一个依赖包，会自动更新到package.json和yarn.lock文件中
yarn add [package]@[version] // 安装指定版本，这里指的是主要版本，如果需要精确到小版本，使用-E参数
yarn add [package]@[tag] // 安装某个tag（比如beta,next或者latest）
//不指定依赖类型默认安装到dependencies里，你也可以指定依赖类型：

yarn add --dev/-D // 加到 devDependencies
yarn add --peer/-P // 加到 peerDependencies
yarn add --optional/-O // 加到 optionalDependencies
//默认安装包的主要版本里的最新版本，下面两个命令可以指定版本：

yarn add --exact/-E // 安装包的精确版本。例如yarn add foo@1.2.3会接受1.9.1版，但是yarn add foo@1.2.3 --exact只会接受1.2.3版
yarn add --tilde/-T // 安装包的次要版本里的最新版。例如yarn add foo@1.2.3 --tilde会接受1.2.9，但不接受1.3.0
发布包

yarn publish
移除一个包 
yarn remove <packageName>：移除一个包，会自动更新package.json和yarn.lock
更新一个依赖 
yarn upgrade 用于更新包到基于规范范围的最新版本
运行脚本 
yarn run 用来执行在 package.json 中 scripts 属性下定义的脚本
显示某个包的信息 
yarn info <packageName> 可以用来查看某个模块的最新版本信息
缓存 
yarn cache 
yarn cache list # 列出已缓存的每个包 
yarn cache dir # 返回 全局缓存位置 
yarn cache clean # 清除缓存


npm缓存清理
npm cache verify

关闭代理
npm config set proxy false

yarn 版本2的使用 （Node.js >=16.10）

官方简介：
管理Yarn的首选方式是通过Corepack，这是一种从16.10开始随所有Node.js版本一起提供的新二进制文件。它充当您和Yarn之间的中介，允许您在多个项目中使用不同的包管理器版本，而无需再签入Yarn二进制文件。

node 16.20以后已经自动安装yarn，不需要额外安装

安装 Corepack

corepack enable  //  Node.js >=16.10
npm i -g corepack  // Node.js <16.10
corepack prepare yarn@stable --activate  // Node.js ^16.17 or >=18.6
corepack prepare yarn@<version> --activate  // Node.js <16.17 or <18.6

yarn init -2 初始化项目

更新到最新版本

npm 与 yarn命令比较

yarn使用遇到的问题

1、 error An unexpected error occurred: “https://registry.npm.taobao.org/create-vite: certificate has expired”.

info If you think this is a bug, please open a bug report with the information provided in “/Users/zthz/.config/yarn/global/yarn-error.log”.
info Visit https://yarnpkg.com/en/docs/cli/create for documentation about this command.

百度了一下，大致意思就是说的的本地证书https证书过期了

然后按照以下代码处理以后 （没效果）

yarn config set “strict-ssl” false -g

检查以后发现是npm设置的淘宝镜像源到期了

设置最新的淘宝镜像源方式如下：

查看自己的淘宝镜像源
npm config get registry

替换成空的
npm config set proxy null   回车
npm config set https-proxy null   回车

单次使用：
npm install --registry=http://registry.npmmirror.com

永久替换
npm config set registry http://registry.npmmirror.com

cnpm不建议，使用react native会有各种问题
再执行： npm config set registry http://registry.cnpmjs.org/   回车

npm 恢复成原来的官方地址只需要执行如下命令

npm config set registry https://registry.npmjs.org

pnpm的使用

（1）认识

PNPM 是一个包管理器，与 npm 和 Yarn 类似，用于在 Node.js 项目中管理依赖项。PNPM 与 npm 和 Yarn 的主要区别在于它使用符号链接来管理依赖项，而不是将它们复制到每个项目中。这意味着 PNPM 可以节省磁盘空间，并且可以更快地安装依赖项，因为它可以在不同项目之间共享依赖项的实际文件。

（2）安装 PNPM

通过 npm 全局安装 PNPM：

npm install -g pnpm


检查 PNPM 的版本
pnpm --version

（3）使用 PNPM

使用 PNPM 的基本命令与 npm 类似，因为 PNPM 是 npm 的一个替代品，它提供了与 npm 类似的功能。下面是一些常用的 PNPM 命令：

初始化一个新项目：
pnpm init
安装依赖项：
pnpm install <package-name>
将依赖项安装为开发依赖项：
pnpm install --save-dev <package-name>
升级依赖项：
pnpm update
卸载依赖项：
pnpm uninstall <package-name>
运行项目中的脚本：
pnpm run <script-name>
PNPM 也支持其他一些命令和选项，你可以查看 PNPM 的文档以获取更多信息和使用说明。

（4）PNPM 的优点包括：

快速安装：由于 PNPM 使用符号链接来管理依赖项，因此它可以更快地安装依赖项，尤其是对于大型项目来说。

节省磁盘空间：PNPM 可以节省磁盘空间，因为它可以在不同项目之间共享依赖项的实际文件。

并行安装：PNPM 支持并行安装依赖项，这意味着它可以更快地安装多个依赖项。

PNPM 是一个强大的包管理器，可以帮助你更有效地管理项目的依赖项，并提供更快的安装速度和更少的磁盘占用。