0


.nvmrc文件是什么?.nvmrc文件怎么使用?

.nvmrc为项目指定使用指定版本的node.js

从多版本node.js管理器nvm说起

在我们开发vue,或者react的时候,项目需要用到指定版本的node.js,这时我们可以使用nvm去管理多个版本的node.js。通过终端执行 nvm install, nvm use 命令去安装和切换版本。

但是每次都要手动去执行切换很麻烦,特别是在多个项目之间来回切换开发的时候,容易忘记切换node版本或切到错误版本导致项目跑了一半启动不了。这就需要一个管理项目node.js版本的方法,自动切换node.js版本的方法,.nvmrc该上场了!

.nvmrc

.nvmrc文件是什么?

通过上述说明大概知道.nvmrc文件,就是用来管理我们项目使用的node.js版本的。
这个文件非常简单:只有一个nvm可识别的node.js版本的文本。比如:v18.12.0

.nvmrc文件怎么使用?

你可以创建一个

.nvmrc

文件,文件内容是一个node版本的数字或者其它nvm可以理解的文本;详情可以在终端输入

nvm --help

查看。

有了.nvmrc文件后,我们在终端没有指定版本时执行

nvm use

,

nvm install

, nvm exec, nvm run, 和 nvm which 命令时会使用 .nvmrc文件指定的版本。

创建 .nvmrc 文件

举个例子,在当前目录下,让nvm指定18.12的最新发布版本,最新发布的LTS版本,最新发布的node版本。
使用

echo 字符串 > 指向 文件名

可以把字符串填入指向的文件中并创建文件。使用以下命令会创建 .nvmrc文件

$ echo"18.12"> .nvmrc
# 设置最新LTS版本
$ echo"lts/*"> .nvmrc 
# 设置最新版本
$ echo"node"> .nvmrc 
在有 .nvmrc 文件的目录或者子目录执行nvm

然后当你执行 nvm:

$ nvm use
# 输出
Found '/code/react/todo-list/.nvmrc' with version <v18.12.0>
Now using node v18.12.0 (npm v6.14.18)

nvm use等命令将从当前目录向上遍历目录结构寻找文件.nvmrc。也就是说,在带有 .nvmrc 的目录的任何子目录中运行nvm use等命令,.nvmrc 都会起作用。

.nvmrc文件必须是一个

<version>

符合 nvm --help 所列出的,版本号后跟换行符。不允许尾随空格,并且需要尾随换行符。

像下图一样,v14.21.3后面没有空格,直接回车换行。
.nvmrc示例

深度集成到shell终端

您可以使用avn它来深度集成到您的 shell 中,并在更改目录时自动调用nvm。

如果您更喜欢轻量级的解决方案,可以使用下面的方法。

zsh 终端根据 .nvmrc 文件自动执行切换node版本

$HOME/.zshrc

中添加以下代码后。每当进入一个包含 .nvmrc 文件的目录时自动调用 nvm use,

.nvmrc

文件的字符串告诉 nvm 使用哪个版本的node.js

# 打开 home 目录,并编辑 .zshrc 文件
$ cd
$ vi .zshrc

这是需要写入到 .zshrc 的代码:

# 这一段代码复制到 .zshrc 文件中# place this after nvm initialization!
autoload -U add-zsh-hook
load-nvmrc(){localnvmrc_path="$(nvm_find_nvmrc)"if[ -n "$nvmrc_path"];thenlocalnvmrc_node_version=$(nvm version "$(cat"${nvmrc_path}")")if["$nvmrc_node_version"="N/A"];then
      nvm installelif["$nvmrc_node_version"!="$(nvm version)"];then
      nvm use
    fielif[ -n "$(PWD=$OLDPWD nvm_find_nvmrc)"]&&["$(nvm version)"!="$(nvm version default)"];thenecho"Reverting to nvm default version"
    nvm use default
  fi}
add-zsh-hook chpwd load-nvmrc
load-nvmrc

编辑好 .zshrc 文件后,执行 source .zshrc 使命令生效

$ source ~/.zshrc

在有.nvmrc文件项目,打开vscode的集成终端,会发现已经自动运行nvm use,命令行有相应的输出。

在这里插入图片描述

其他shell,如 bash, fish 请查看官方说明
https://github.com/nvm-sh/nvm#deeper-shell-integration

标签: npm 前端

本文转载自: https://blog.csdn.net/zhouweihua138/article/details/129762721
版权归原作者 wywar 所有, 如有侵权,请联系我们删除。

“.nvmrc文件是什么?.nvmrc文件怎么使用?”的评论:

还没有评论