Mac 默认终端和Vscode node版本不一致

使用nvm管理node

一定要先把node删除干净

1.卸载已安装到全局的 node/npm

如果之前是在官网下载的 node 安装包，运行后会自动安装在全局目录，其中

node 命令在 /usr/local/bin/node ，npm 命令在全局 node_modules 目录中，具体路径为 /usr/local/lib/node_modules/npm

安装 nvm 之后最好先删除下已安装的 node 和全局 node 模块：

#查看已经安装在全局的模块，以便删除这些全局模块后再按照不同的 node 版本重新进行全局安装
npm ls -g --depth=0

#删除全局 node_modules 目录
sudo rm -rf /usr/local/lib/node_modules

#删除 node
sudo rm /usr/local/bin/node

#删除全局 node 模块注册的软链
cd  /usr/local/bin && ls -l | grep "../lib/node_modules/" | awk '{print $9}'| xargs rm

2.安装 nvm

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash

or Wget:

wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash

具体最新版本在查看git上 github.com/creationix/…

安装完成后请重新打开终端环境

3.查看安装情况

安装完 nvm 后，输入nvm，当看到有输出时，则 nvm 安装成功。

我在这里遇到个问题，我安装了fish shell，执行指令时报错

fish: Unknown command 'nvm'

参考下这篇文章 medium.com/@joshuacras…

如果遇到以下提示：

nvm: command not found

编辑.bash_profile文件，没有的话就新建一个，命令都是：

vi .bash_profile

然后将以下代码复制进去，保存退出

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion

然后 source 一下 .bash_profile

如果执行失败，再执行一次

source .bash_profile

4.使用nvm

nvm install stable # 安装最新稳定版 node，现在是 5.0.0
nvm install 4.2.2 # 安装 4.2.2 版本
nvm install 0.12.7 # 安装 0.12.7 版本

# 特别说明：以下模块安装仅供演示说明，并非必须安装模块
nvm use 4 # 切换至 4.2.2 版本
npm install -g mz-fis # 安装 mz-fis 模块至全局目录，安装完成的路径是 /Users/<你的用户名>/.nvm/versions/node/v0.12.7/lib/mz-fis
nvm use 0 # 切换至 0.12.7 版本
npm install -g react-native-cli #安装 react-native-cli 模块至全局目录，安装完成的路径是 /Users/<你的用户名>/.nvm/versions/node/v4.2.2/lib/react-native-cli

nvm alias default 0.12.7 #设置默认 node 版本为 0.12.7

查看nvm版本：打开新的终端，用nvm current查看当前版本显示

删除指定版本 node：nvm uninstall v6.6.0

nvm 提供了 nvm use 命令。这个命令的使用方法和 install 命令类似。

例如，切换到 4.2.2：
nvm use 4.2.2
切换到最新的 `4.2.x``：
nvm use 4.2
切换到最新版：
nvm use node

我们还可以用 nvm 给不同的版本号设置别名：

我们给 4.2.2 这个版本号起了一个名字叫做 awesome-version
nvm alias awesome-version 4.2.2

然后我们可以运行：
nvm use awesome-version

下面这个命令可以取消别名：
nvm unalias awesome-version

另外，你还可以设置 default 这个特殊别名：
nvm alias default node

列出已安装实例

nvm ls

5.在多环境中，npm该如何使用呢？

每个版本的 Node 都会自带一个不同版本的 npm，可以用 npm -v 来查看 npm 的版本。全局安装的 npm 包并不会在不同的 Node 环境中共享，因为这会引起兼容问题。它们被放在了不同版本的目录下，例如 ~/.nvm/versions/node//lib/node_modules 这样的目录。这刚好也省去我们在 Linux 中使用 sudo 的功夫了。因为这是用户的主文件夹，并不会引起权限问题。

但问题来了，我们安装过的 npm 包，都要重新再装一次？幸运的是，我们有个办法来解决我们的问题，运行下面这个命令，可以从特定版本导入到我们将要安装的新版本 Node：

nvm install v5.0.0 --reinstall-packages-from=4.2

根据上面的操作完成之后，终端node搞好了，vscdoe的node又不行了。并且在终端必须每次都得执行 source ~/.bash_profile， node -v才能生效。

不然就会报错

zsh: command not found: node

解决方法：

vim .zshrc

增加配置

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion

执行 

source ~/.zshrc

最后终端和vscdoe都好了。

参考

Mac上使用nvm管理node版本 - 掘金