先保存一下我们当前全局安装的工具
安装nvm需要先卸载当前node,和当前全局安装的工具,如cli,eslint,ts...,所以我们先保存一份,方便我们后面安装nvm
后再安装对应版本工具
查看全局安装命令:
npm ls -g --depth=0
如:
卸载当前node
- 如果是官网pkg安装包安装的
sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*}
- 如果是homebrew安装的
brew uninstall node
tip
node卸载完,基于node的软件和命令行工具也需要重新安装,需要删除/usr/local/bin 下面的相关文件,其实他们都是软连接,正主都在/usr/local/lib/node_modules/目录下.
安装nvm
安装方式详见:nvm官方文档
安装报错问题解决
- 我在安装过程中可能会报错没有.nvm目录(具体报错信息不记得了 - -!),新建即可
cd ~
mkdir .nvm
- 再次运行安装命令会把安装文件填充到该目录,若提示:
command not found: nvm
解决办法如下(3, 4,),若无报错跳过即可。 - 复制以下的三行命令:
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
到~/.bash_profile
中
vim ~/.bash_profile #将复制的文本粘贴进来 粘到文本最后面即可
tip
如果使用zsh,在.zshrc中也粘进去
如图:
- 如果以上设置仍不生效,尝试:
vim ~/.bash_profile
source .bashrc
使用nvm
nvm ls ## 查找本电脑上所有的node版本
nvm install ## 安装最新版本nvm
nvm uninstall <version> ## 卸载制定的版本
nvm use <version> ## 切换使用指定的版本node
nvm alias <name> <version> ## 给不同的版本号添加别名
nvm unalias <name> ## 删除已定义的别名
nvm current ## 显示当前版本
nvm reinstall-packages <version> ## 在当前版本node环境下,重新全局安装指定版本号的npm包
nvm on ## 打开nodejs控制
nvm off ## 关闭nodejs控制
nvm proxy ## 查看设置与代理
好了,愉快的使用nvm来管理node吧
最后,别忘了将之前全局安装的软件重新安装一遍→ →,如:
npm install -g @vue/cli@3.1.3 @vue/cli-init@3.1.1 babel-eslint@9.0.0 bower@1.8.4 chromedriver@2.41.0 create-react-app@1.5.2 eslint@5.10.0 eslint-config-airbnb@17.1.0 eslint-config-react-app@3.0.5 eslint-config-standard@12.0.0 eslint-plugin-flowtype@2.0.1 eslint-plugin-import@2.14.0 eslint-plugin-jsx-a11y@6.1.1 eslint-plugin-node@8.0.0 eslint-plugin-promise@4.0.1 eslint-plugin-react@7.11.1 eslint-plugin-standard@4.0.0 eslint-plugin-vue@5.0.0 express@4.16.4 express-generator@4.16.0 gulp@3.9.1 gulp-cli@2.0.1 hexo-cli@1.1.0 nrm@1.0.2 parcel-bundler@1.9.7 pm2@3.0.4 react-native-cli@2.0.1 sass@1.13.1 typescript@3.1.1 webpack@4.17.2 wepy-cli@1.7.3