您现在的位置是:首页 >技术教程 >Mac 默认终端和Vscode node版本不一致网站首页技术教程

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

跑跑快跑 2023-06-20 00:00:02
简介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版本 - 掘金

风语者!平时喜欢研究各种技术,目前在从事后端开发工作,热爱生活、热爱工作。