nvm for mac vscode 配置指南 FE

闲出P的我，升级了本地的Node，原版本 V10，漂亮的给自己升到了V14 ,然后就aba aba aba了。
fremark：MAC OS 系统, vscode , oh my zsh.
termal : itemr2 , pokerMan.

继前文，我司大佬指导了一下，仅作记录
nvm

卸载本地node：

如果之前是在官网下载的 node 安装包，运行后会自动安装在全局目录，其中 node 命令在 /usr/local/bin/node ，npm 命令在全局 node_modules 目录中，具体路径为 /usr/local/lib/node_modules/npm

npm ls -g --depth=0                             # 查看已经安装在全局的模块，以便删除这些全局模块后再按照不同的 node 版本重新进行全局安装
sudo rm -rf /usr/local/lib/node_modules         # 删除全局 node_modules 目录
sudo rm /usr/local/bin/node                     # 删除 node
cd  /usr/local/bin && ls -l | grep "../lib/node_modules/" | awk '{print $9}'| xargs rm       #删除全局 node 模块注册的软链

npm uninstall -g

安装方式：

可以 install 或者 update nvm, 您需要运行 install script. 上述地址操作, 您可以下载或者手动引入, 或者直接用 cURL 或 Wget 命令:

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

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

具体版本信息可参照官网

操作步骤

进入当前用户的 home 目录

cd ~

创建 .bash_profile

touch .bash_profile

编辑 .bash_profile 文件

open -e .bash_profile

我是为了配置 nvm 的环境变量，将一下命令 Copy 至 .bash_profile

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

保存并关闭 .bash_profile 文件

更新刚配置的环境变量

source .bash_profile

查看 nvm 版本号，验证配置是否成功

nvm --version

以上，你可能认为已经完了，`if`你的 `.bash_profile` 文件中，有且只有`export NVM_DIR="$HOME/.nvm"[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm`

好的，已经结束了

坑来了~~~ T_T

me懒到极致，基本只喜欢用vscode的终端，上述操作，导致了一个场景：我的iterm2,明明已经可以看到node版本信息，but!!! 为什么vscode的terminal 上显示的是 node 为未定义的命令？？？？？？请告诉我，这两个终端不是同一个么？？？？答案，是同一个终端，没问题，那么请问why????

解决思路，坑一！
我认为不是同一个terminal，需要再次配置上vscode的node path就好。

查找node本地安装的路径

which node

const 路径 = 复制出来

找到preferences(首选项)->setting->search - setting

setting.png

加上这几句

   "launch": {
        "runtimeExecutable": "${路径}.nvm/versions/node/v10.15.0/bin/node",
    },
    "terminal.integrated.shell.osx": "/bin/zsh",
    "terminal.integrated.automationShell.linux": "/bin/zsh",

重启一下 vscode , 嗯？？？？？我做错了什么，查到的文档都是这么说的。你们又骗我！
为什么在terminal 中重新运行了一下 操作步骤，就可以了！这两个终端真的不是同一个么？

看下去....

坑2，重启terminal，~zsh报错node 依旧显示未定义。

所以，我到底哪一步错了？？

大佬说环境变量的文件没配置上？我们一直在操作步骤上来回试验，还尝试用vim.

而我原本的..bash_profile中有两项环境变量，一个是Python，一个是pokerman。
全都删了，就只要 nvm的 export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm好像是可以了。

再次重启了terminal,还是不行T_T，抱紧大佬的大腿。

官网中其实有一句

Oh my zsh.png

Oh my zsh Git命令缩写快捷插件，但是这个文件在根目录会生产一个文件`.zshrc`

这个文件，就会导致运行起来获取的 node path，并不是我们之前创建的.bash_profile.好尴尬~~ 解决方法：

open -e .zshrc

在最后添加这个一句

source ~/.bash_profile

再重新source 一下

source ~/.zshrc

然后，nvm -v ,node -v ok，有了，重启terminal ，重启vscode 都可以了。

原本的.bash_profile文件,修改为只添加 export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm,好的，我还没解决 python 跟 pokerman 的环境变量，待我来日探索更新，现在可以愉快的板砖了。

参考文献：
https://varxzy.com/notes/366.html
https://varxzy.com/notes/396.html
https://varxzy.com/notes/370.html

最后编辑于：2022.12.06 15:37:15

nvm for mac vscode 配置 指南 FE