Node.js 和 Yarn简介

Node.js 和 Yarn 是现代 web 开发中两个非常重要的工具，它们在不同方面为开发者提供了便利。

Node.js

Node.js 是一个基于 Chrome V8 JavaScript 引擎的 JavaScript 运行环境。它允许开发者在服务器端运行 JavaScript，从而实现了 JavaScript 的全栈开发能力。Node.js 的主要特点包括：

• 异步非阻塞 I/O：js 基于事件驱动，能高效地处理并发请求，这使其特别适合构建高性能的网络应用程序。
• 单线程：尽管js 是单线程的，它通过事件循环和回调机制有效地利用系统资源。
• NPM（Node Package Manager）：js 附带了 NPM，这是一个庞大的库，允许开发者共享和复用代码。
• 跨平台：js 可以在多种操作系统上运行，包括 Windows、MacOS 和 Linux。

Node.js 在构建实时网络应用程序（如聊天服务器）、单页面应用程序、RESTful API 等方面非常流行。

Yarn 是一个快速、可靠、安全的依赖管理工具，用于 Node.js 应用程序。它是 NPM 的替代品，提供了改进的性能和额外的功能。Yarn 的一些关键特点包括：

• 性能优化：Yarn 缓存每个下载过的包，所以不需要重复下载。这加快了依赖安装的速度。
• 确定性：Yarn 的lock 文件记录了项目依赖的确切版本，确保在所有环境中安装相同版本的包。
• 安全性：Yarn 通过校验每个安装包的完整性来提高安全性。
• 兼容性：Yarn 与 NPM 的包兼容，使得迁移变得容易。

Yarn 是用于管理复杂的项目依赖的理想工具，尤其在大型项目和团队合作环境中。它通过提供更高效、更一致的依赖管理来简化了开发流程。

总的来说，Node.js 和 Yarn 结合起来为现代 JavaScript 开发提供了强大的基础，从而使开发者能够构建和维护大型、复杂的应用程序。

Node.js 和 Yarn的安装与配置

安装 Node.js

下载 Node.js 安装程序

• 访问js 官方网站：Node.js。
• 在首页，您会看到“推荐给大多数用户”的版本和“最新当前版本”。通常，选择“推荐给大多数用户”的版本比较稳定。

运行安装程序

• 下载完成后，双击.msi 文件开始安装。
• 跟随安装向导的指示进行安装。在安装过程中，您可以保留所有默认设置。

• 安装完成后，打开命令提示符或 PowerShell。
• 输入node -v 和 npm -v，分别检查js 和 npm（Node.js 的包管理器）的安装版本。

如果安装成功，这些命令将返回相应的版本号。

Node.js配置

配置缓存目录

其实只要上面Nodejs的安装完成就可以使用了，但是本人对于软件的安装有强迫症，就是与系统无关的软件绝对不会安装在C盘，而npm安装的全局模块和缓存默认会放在C盘，所以需要修改这两个文件的存储路径，操作如下：

• 默认模块安装路径：C:\Users\{你的用户名}\AppData\Roaming\npm
• 默认缓存路径均：C:\Users\{你的用户名}\AppData\Local\npm-cache
• 修改模块安装路径和缓存路径

首先打开 cmd 控制台，使用如下两个命令来查看当前使用的路径。

• npm config get prefix：查看npm下载的模块存储路径
• npm config get cache：查看缓存存储路径

然后找到你的 node.js 安装路径，新建一个文件夹 node_cache。接着在cmd控制台中输入如下两个命令：

npm config set prefix "D:\NodeJS"

作用：设置模块存放根路径（相当于Maven的本地仓库），从远程仓库下载的模块都会存放在该路径下。这里设置为NodeJS的安装路径，因为在安装node.js时会自动给我们创建一个node_modules文件夹(默认存放npm)，而我们在第一次使用npm命令下载模块的时候，也会在指定的目录创建一个node_modules文件夹用于存储模块，我们使其重合在一起，所以说我们的模块实际是存放在D:\NodeJS\node_modules下的。

npm config set cache "D:\NodeJS\node_cache"

作用：设置缓存存放路径，就是你刚刚创建的node_cache文件，将缓存存放至该文件。

最后继续使用npm config get prefix和npm config get cache命令查看是否配置成功。

npm设置国内镜像

在上面也介绍了npm和maven一样是有中央仓库的，众所周知，国内直接使用 npm 的官方镜像是非常慢的，所以这里推荐使用淘宝 npm 镜像。

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

设置完成之后使用下面命令查看：

npm config get registry

输入如下命令显示所有配置信息：

npm config list

注意：上面配置的配置信息都会保存在本地，存放路径：C:\Users\{用户名}\.npmrc

如果要卸载NodeJS则必须删除该文件，否则下次模块和缓存的路径还是这个。

安装 Yarn

使用npm进行安装：

npm install --global yarn

或访问 Yarn 的官方网站：Yarn。在首页中找到“安装”部分，并下载 Windows 版本的安装程序。

• 安装完成后，重新打开命令提示符或 PowerShell。
• 输入yarn –version，检查 Yarn 的安装版本。
• 如果安装成功，这个命令将返回 Yarn 的版本号。

Yarn配置

# 查看 yarn 的所有配置
$ yarn config list		# 查看yarn配置

# 修改 yarn 的源镜像为淘宝源
$ yarn config set registry https://registry.npm.taobao.org/

# 修改全局安装目录, 先创建好目录(global), 我放在了 Yarn 安装目录下(D:\RTE\Yarn\global)
$ yarn config set global-folder "D:\RTE\Yarn\global"		# 具体目录请改成自己的

# 修改全局安装目录的 bin 目录位置, bin 目录需要自己创建, 而且需要把此目录加到系统环境变量(D:\RTE\Yarn\global\bin), 添加环境变量请参考: 环境变量
$ yarn config set prefix "D:\RTE\Yarn\global\"		# 会自动设置成*\global\bin

# 修改全局缓存目录, 先创建好目录(cache), 和 global 放在同一层目录下
$ yarn config set cache-folder "D:\RTE\Yarn\cache"			# 具体目录请改成自己的

# 查看所有配置
yarn config list

# 查看当前 yarn 的 bin 的位置
$ yarn global bin

# 查看当前 yarn 的全局安装位置
$ yarn global dir