新电脑如何设置 npm 源及查看源、安装 cnpm、pnpm 和 yarn 的详细教程

一勺菠萝丶2024-07-25 17:34

当你获得一台新电脑，或需要在现有电脑上优化 JavaScript 和 Node.js 的开发环境时，正确配置 npm 是一步不可少的过程。本教程将详细指导你如何设置 npm 源，查看当前源，以及如何安装 cnpm、pnpm 和 yarn。

npm (Node Package Manager) 是 Node.js 的包管理器，通过它可以安装和管理项目所需的依赖。有时由于网络问题，访问 npm 的默认源可能会很慢，我们可以将源切换到国内镜像以提高下载速度。

步骤 1：打开命令提示符或终端

在 Windows 上可以通过搜索 cmd 打开命令提示符，Mac 或 Linux 用户可以打开终端。

步骤 2：设置 npm 源

执行以下命令，将 npm 的默认源设置为国内镜像（例如淘宝 NPM 镜像）:

bash 复制代码

npm config set registry https://registry.npmmirror.com/

这条命令会更改全局 npm 配置文件中的源地址。

要确认你的 npm 源已正确设置，可以查看当前配置的源地址。

执行命令：

bash 复制代码

npm config get registry

该命令将显示当前配置的源地址，你应该会看到 https://registry.npmmirror.com/。

cnpm：

由于 npm 的包通常托管在国外服务器上，国内访问可能较慢，因此淘宝团队提供了 cnpm，这是一个完全兼容 npm 的命令行工具，但配置了国内的源。

安装 cnpm：

bash 复制代码

npm install -g cnpm --registry=https://registry.npmmirror.com/

pnpm：

pnpm 是另一种包管理工具，以节省磁盘空间和提高安装速度为特色。

安装 pnpm：

bash 复制代码

npm install -g pnpm

yarn：

Yarn 是 Facebook 提供的替代 npm 的工具，它缓存每个下载过的包，因此无需重复下载。

安装 yarn：

bash 复制代码

npm install -g yarn

core-js 是一个模块化标准库，提供了许多 JavaScript 标准库中缺失的功能。它非常重要，尤其是在使用 Babel 进行 JavaScript 编译时。

安装 core-js：

bash 复制代码

npm install --save core-js

该命令将 core-js 添加到你项目的依赖中。