¿Qué es el archivo .nvmrc?¿Cómo utilizar el archivo .nvmrc?

A partir del administrador nvm de node.js de múltiples versiones

Cuando desarrollamos vue o react, el proyecto necesita usar una versión específica de node.js. En este momento, podemos usar nvm para administrar múltiples versiones de node.js. Ejecute los comandos nvm install y nvm use a través de la terminal para instalar y cambiar de versión.

Sin embargo, es muy problemático realizar el cambio manualmente cada vez, especialmente cuando se cambia de un proyecto a otro para el desarrollo, es fácil olvidarse de cambiar la versión del nodo o cambiar a la versión incorrecta, lo que hace que el proyecto se ejecute a la mitad y falle. para comenzar. Esto requiere un método para administrar la versión de node.js del proyecto, un método para cambiar automáticamente la versión de node.js, ¡y .nvmrc debería entrar en juego!

.nvmrc

¿Qué es el archivo .nvmrc?

A través de la descripción anterior, probablemente sepamos que el archivo .nvmrc se usa para administrar la versión de node.js que usa nuestro proyecto.
Este archivo es muy simple: solo el texto de una versión de node.js reconocida por nvm. Por ejemplo: v18.12.0

¿Cómo usar el archivo .nvmrc?

Puede crear un .nvmrcarchivo y el contenido del archivo es un número de versión de nodo u otro texto que nvm pueda entender; los detalles nvm --helpse pueden ver escribiendo en la terminal.

Con el archivo .nvmrc, usaremos la versión especificada en el archivo .nvmrc cuando ejecutemos los comandos nvm use, , nvm exec, nvm run y nvm que cuando el terminal no especifica una versión.nvm install

Crear archivo .nvmrc

Por ejemplo, en el directorio actual, permita que nvm especifique la última versión de 18.12, la última versión de LTS y la última versión de nodo.
El uso echo 字符串 > 指向 文件名puede llenar la cadena en el archivo señalado y crear el archivo. El uso del siguiente comando creará el archivo .nvmrc

$ echo "18.12" > .nvmrc
# 设置最新LTS版本
$ echo "lts/*" > .nvmrc 
# 设置最新版本
$ echo "node" > .nvmrc 

Ejecute nvm en el directorio o subdirectorio con el archivo .nvmrc

Luego, cuando ejecutas nvm:

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

Los comandos como el uso de nvm recorrerán la estructura de directorios desde el directorio actual en busca del archivo .nvmrc. Es decir, ejecutar comandos como nvm use en cualquier subdirectorio de un directorio con un .nvmrc, el .nvmrc funcionará.

El archivo .nvmrc debe ser un número de versión como se indica <version>en nvm --help seguido de una nueva línea. No se permiten espacios en blanco al final y se requiere una nueva línea al final.

Como se muestra en la figura a continuación, no hay espacio después de v14.21.3, solo presione Intro y avance de línea.

Profundamente integrado en la terminal de shell

Puede usar avn para integrarse profundamente en su shell e invocar automáticamente nvm al cambiar de directorio.

Si prefiere una solución ligera, puede usar el método a continuación.

El terminal zsh cambia automáticamente las versiones de nodo de acuerdo con el archivo .nvmrc

$HOME/.zshrcDespués de agregar el siguiente código en . Invoque automáticamente el uso de nvm cada vez que ingrese a un directorio que contenga un archivo .nvmrc,
.nvmrcla cadena en el archivo le dice a nvm qué versión de node.js usar

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

Este es el código que debe escribirse en .zshrc:

# 这一段代码复制到 .zshrc 文件中
# place this after nvm initialization!
autoload -U add-zsh-hook
load-nvmrc() {
    
    
  local nvmrc_path="$(nvm_find_nvmrc)"

  if [ -n "$nvmrc_path" ]; then
    local nvmrc_node_version=$(nvm version "$(cat "${nvmrc_path}")")

    if [ "$nvmrc_node_version" = "N/A" ]; then
      nvm install
    elif [ "$nvmrc_node_version" != "$(nvm version)" ]; then
      nvm use
    fi
  elif [ -n "$(PWD=$OLDPWD nvm_find_nvmrc)" ] && [ "$(nvm version)" != "$(nvm version default)" ]; then
    echo "Reverting to nvm default version"
    nvm use default
  fi
}
add-zsh-hook chpwd load-nvmrc
load-nvmrc

Después de editar el archivo .zshrc, ejecute source .zshrc para que el comando surta efecto

$ source ~/.zshrc

En el proyecto con el archivo .nvmrc, abra el terminal integrado de vscode, encontrará que el uso de nvm se ha ejecutado automáticamente y la línea de comando tiene la salida correspondiente.

Para otros shells, como bash, fish, consulte las instrucciones oficiales
https://github.com/nvm-sh/nvm#deeper-shell-integration