当前位置:首页 > 技术分析 > 正文内容

mac和windows上安装nvm管理node版本

ruisui885个月前 (01-26)技术分析34

NVM 是 node version manager 的缩写,它是一个用来管理电脑上 node 版本的命令行工具,在日常前端开发中是一个跟 node 一样会经常用到的工具,可以很方便的让我们快速切换不同的node版本。

mac 上安装 nvm

1、下载安装 nvm

下载安装可以直接使用官方推荐的 cURL or Wget 命令,可以参考 nvm 官方仓库里的说明
https://github.com/nvm-sh/nvm/tree/master:

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.0/install.sh | bash
wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.0/install.sh | bash

当然,也可以使用 brew 命令来安装,brew 是 mac 系统上一款软件管理工具,通过它可以很方便的安装、卸载第三方软件,类似于node里的npm包管理工具,如果你的 mac 上有安装 brew,可以在终端中输入下方命令安装 nvm:

brew install nvm

2、执行 nvm 脚本安装文件

在 mac 中,source 命令是一个非常有用的命令,它用于在当前shell环境中执行指定的shell脚本文件,这里我们就需要借助 source 命令来执行下 nvm 安装脚本。我们需要先查看上一步骤中 nvm 的安装目录,直接输入:

brew list nvm

比如我的 mac 上查看到的安装目录:

/usr/local/Cellar/nvm/0.39.1_1/etc/bash_completion.d/nvm
/usr/local/Cellar/nvm/0.39.1_1/libexec/ (2 files)
/usr/local/Cellar/nvm/0.39.1_1/nvm-exec
/usr/local/Cellar/nvm/0.39.1_1/nvm.sh

这里我们需要的就是最后一个 nvm.sh 的那个,直接用 source 命令执行:

source /usr/local/Cellar/nvm/0.39.1_1/nvm.sh

其实除了上面自己查找nvm脚本的位置,还有一种不需要先找出脚本位置更简单的方式,推荐大家直接用这一种方式,在终端中输入:

source ~/.nvm/nvm.sh

3、设置环境变量

到这里如果我们直接在终端命令中输入 nvm 或 nvm -v,不出意外影噶会报错:zsh: command not found: nvm,这是因为我们还没设置环境变量,终端命令执行时找不到 nvm 这个命令。我们需要同时设置 .zshrc 和 .bash_profile 这两个文件,具体步骤和要设置的变量内容都是一样的:

a、打开配置文件

用 vim 命令来编辑配置文件,注意设置 .bash_profile 文件时,后面的文件名改成 .bash_profile:

vim ~/.zshrc

b、添加环境变量

按键盘上的 i 键进入编辑模式,然后在文件中添加如下内容:

export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

添加好之后按键盘上的 esc 退出键,然后再输入 :wq 就会自动保存然后退出编辑模式。

c、重新加载配置文件

这里也需要借助 source 命令,注意设置 .bash_profile 文件时,后面的文件名改成 .bash_profile:

source ~/.zshrc

4、卸载之前的 node

为了统一管理我们可以将系统上之前安装的 node 卸载掉,注意如果你的系统之前还没安装过 node 就不需要这一步了,直接输入下面的命令删除所有 node 和 npm 相关的文件:

sudo rm /usr/local/bin/node
sudo rm -rf /usr/local/share/man/man1/node.1
sudo rm -rf /usr/local/lib/dtrace/node.d
sudo rm -rf ~/.node-gyp
sudo rm -rf /usr/local/bin/npm
sudo rm -rf ~/.npm
sudo rm -rf /usr/local/lib/node_modules

在 windows 上安装 nvm

windows 上我们可以直接下载安装文件然后点点就行了,没有 mac 上那么麻烦。直接在官方下载地址
https://github.com/coreybutler/nvm-windows/releases 中下载 nvm-setup.exe 这个文件:

然后直接点击这个 exe 安装文件跟着提示点就行了。

常用 nvm 命令

## 安装指定版本,版本号可模糊指定:nvm install v16.6.0、nvm install 16.6
nvm install 

# 卸载指定版本
nvm uninstall

# 切换到某个版本
nvm use 

# 列出本地所有安装的版本,也可以用 nvm list
nvm ls

# 列出所有可安装的远程node版本
nvm ls-remote

# 安装最新稳定版本
nvm install stable

# 显示当前使用的版本
nvm current

# 查看 nvm 版本
nvm -v

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/560.html

标签: 卸载npm包
分享给朋友:

“mac和windows上安装nvm管理node版本” 的相关文章

带你五步学会Vue SSR

作者:liuxuan 前端名狮转发链接:https://mp.weixin.qq.com/s/6K6GUHcLwLG4mzfaYtVMBQ前言SSR大家肯定都不陌生,通过服务端渲染,可以优化SEO抓取,提升首页加载速度等,我在学习SSR的时候,看过很多文章,有些对我有很大的启发作用,有些就只是照搬官...

vue-router是如何解析query参数呢? #前端

vue-router 中的 query 解析。1. 大家好,我是龙仔。今天来分享 vue-router 是如何解析快乐参数的,因为使用 vue 路由会传 query 参数和快乐参数,所以从 vue 的角度来看如何解析传递的快乐参数。2. 基础知识大家应知道,快乐参数结构如:a、b、c、a、b、c、a...

Vue学习笔记之动态路由的参数传递应用及技巧

路由的参数传递:①通过params的类型· 配置路由格式:/router/:id· 传递的方式:在path后面跟上对应的值· 传递后形成的路径:/router/list,/router/profile这个就是前两篇中提到的"动态路由"中有应用过这个方法:②通过query的类型(对象方...

Vue中的路由配置常用属性

router:路由页面跳转的核心库;引入路由:import VueRouter from 'vue-router'; 注册路由:const router = new VueRouter({ })mode:模式路由有hash history两种模式:hash模式URL中包含#,#后边是...

「网络」异常网络RST包出现的原因分析

有以下情况会发送RST包1.connect一个不存在的端口;2.向一个已经关掉的连接send数据;3.向一个已经崩溃的对端发送数据(连接之前已经被建立);4.close(sockfd)时,直接丢弃接收缓冲区未读取的数据,并给对方发一个RST。这个是由SO_LINGER选项来控制的;5.a重启,收到b...

大容量SSD太贵买不起,这三种低成本方案也能让硬盘速度起飞

现在的游戏文件夹体积动不动就突破100GB,256GB、512GB容量的SSD装不了几个游戏就满了。虽说现在SSD价格一直在降,但是1TB及更大容量的SSD价格依然比较高。如果你对硬盘容量、速度有较高要求,又不想花太多预算的话,这三种低成本硬盘加速方案一定要了解一下。锐龙用户的福利——StoreMI...