器→工具, 编程语言

Windows Node.js+Yarn的安装与配置

钱魏Way · · 13 次浏览

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

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

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注