器→工具, 编程语言

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

钱魏Way · · 382 次浏览
!文章内容如有错误或排版问题,请提交反馈,非常感谢!

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

发表回复

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