头图

先保存一下我们当前全局安装的工具

安装nvm需要先卸载当前node,和当前全局安装的工具,如cli,eslint,ts...,所以我们先保存一份,方便我们后面安装nvm后再安装对应版本工具
查看全局安装命令:

npm ls -g --depth=0

如:
npm-ls.png

卸载当前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官方文档
安装报错问题解决

  1. 我在安装过程中可能会报错没有.nvm目录(具体报错信息不记得了 - -!),新建即可

    cd ~
    mkdir .nvm
  2. 再次运行安装命令会把安装文件填充到该目录,若提示:command not found: nvm解决办法如下(3, 4,),若无报错跳过即可。
  3. 复制以下的三行命令:

    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中也粘进去
    如图:
    nvm-err.png
  4. 如果以上设置仍不生效,尝试:

    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吧
    nvm-ls.png

最后,别忘了将之前全局安装的软件重新安装一遍→ →,如:

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


太_2_真_人
23 声望0 粉丝

已有之事将来必有,易行之事将来必行,太阳底下无新事。