Mac上通过brew安装NVM与使用

简介:nvm给我们提供了可以丝滑切换node环境的方式,实现多个版本的node管理

1.先卸载node(下面是两种方式安装的node卸载命令方法,看你电脑原来是用哪种方式安装的node来选择卸载方式)

卸载方式1: pkg方式安装的 node(node官方安装程序安装的):

sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*}

卸载方式2: brew 方式安装的 node

brew uninstall node

2.使用brew命令来安装nvm (没有安装homebrew的先去安装homebrew)

node卸载完成后,执行brew命令安装nvm

brew install nvm

安装完成后会显示一段内容

You should create NVM's working directory if it doesn't exist:

  mkdir ~/.nvm

Add the following to ~/.config/fish/config.fish or your desired shell
configuration file:

 export NVM_DIR="$HOME/.nvm"
  [ -s "/opt/homebrew/opt/nvm/nvm.sh" ] && . "/opt/homebrew/opt/nvm/nvm.sh"  # This loads nvm
  [ -s "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm" ] && . "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm"  # This loads nvm bash_completion

You can set $NVM_DIR to any location, but leaving it unchanged from
/usr/local/opt/nvm will destroy any nvm-installed Node installations
upon upgrade/reinstall.

3.将安装好后返回的环境变量命令写入.zshrc文件中

(1)下面命令可以直接打开.zshrc文件

vim ~/.zshrc

(2)或者直接在电脑根目录打开该文件(注意:在根目录无法直接修改,要先复制该文件到桌面上进行修改,改完后再复制替换根目录中的该文件)
在这里插入图片描述

在.zshrc文件中的末尾追加以下环境变量代码

 export NVM_DIR="$HOME/.nvm"
  [ -s "/opt/homebrew/opt/nvm/nvm.sh" ] && . "/opt/homebrew/opt/nvm/nvm.sh"  # This loads nvm
  [ -s "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm" ] && . "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm"  # This loads nvm bash_completion

如图:
在这里插入图片描述

vim保存命令:wq保存

保存后新开终端或者在原终端窗口重新加载配置文件即可

source ~/.zshrc

4.查看nvm是否安装完成

nvm -v

在这里插入图片描述

NVM的使用

nvm 常用命令

nvm ls-remote :列出所有远程服务器的版本(官方node version list)
 
nvm list 或 nvm ls :列出所有已安装的 node 版本
 
nvm list available :显示所有可下载的版本
 
nvm install stable :安装最新版 node
 
nvm install [node版本号] :安装指定版本 node
 
nvm uninstall [node版本号] :删除已安装的指定版本
 
nvm use [node版本号] :切换到指定版本 node
 
nvm current :当前 node 版本
 
nvm alias [别名] [node版本号] :给不同的版本号添加别名
 
nvm unalias [别名] :删除已定义的别名
 
nvm alias default [node版本号] :设置默认版本

:windows切换版本时,要使用管理员权限打开 cmd,否则可能报错

nvm list查看已安装的node,如图:
在这里插入图片描述

如图解释:
红色框:已安装的node版本
蓝色框:当前使用的node版本
紫色框:该node 8.17.0版本未安装( —>N/A)
在这里插入图片描述

如果想安装node 8.17.0版本,可用执行命令nvm install 8,将安装node 8.17.0版本,如图:
在这里插入图片描述

扩展内容:

一.nvm如何根据项目自动切换node版本

场景:
我们在开发不同项目时,发现每个项目需要的node版本不同,则每次切换项目的同时,也要手动借助nvm去切换node版本,为了不浪费我们宝贵的开发时间,如何在打开终端的同时自动去切换版本呢?

步骤
1.在项目中新建一个 .nvmrc 文件,用于声明该项目应使用的版本号,直接写上版本号即可,如下所示:

直接写 v10 ,nvm会根据 v10 去找版本号为 10… 的node版本

v10

2.以mac为例,打开 ~/.bash_profile 文件,并写入以下shell脚本,用于启动终端时,自动运行:(如果你是zsh终端,就在~/.zshrc 文件中写入)

load-nvmrc() {
   local nvmrc_path="$(nvm_find_nvmrc)"
   if [ -n "$nvmrc_path" ]; then
     echo '———————————————————————————————————————————————————'
     echo ' |---- 🐶 找到.nvmrc配置,并自动切换node版本 ----|'
     echo '———————————————————————————————————————————————————'
     nvm use #
   fi
}
load-nvmrc

3保存后,重新加载下.bash_profile文件,终端中执行以下命令:

若在 .zshrc 文件中已添加自动加载,可以忽略该步骤

source ~/.bash_profile

如果不想在VUE项目中新增.nvmrc文件,那就直接获取VUE项目中的 package.json 中 engines 声明的node版本进行自动切换
将shell脚本替换为以下所示:

load-engines-node() {
  local node_version=$(sed -n '/engines/,/}/p' package.json | grep -o ""node":s*"[^"]*"" | cut -d ':' -f 2 | tr -d '"')
  local version_number=$(echo "$node_version" | grep -o '[0-9]*.[0-9]*.[0-9]*' | tail -n1 | grep -o '[0-9]*' | head -n1)
  if [ -n "$version_number" ]; then
    echo "🐶 找到package中engines的node版本($version_number)配置,并自动切换node版本"
    nvm use "$version_number"
  fi
}
load-engines-node

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
THE END
分享
二维码
< <上一篇
下一篇>>