Mac 升级 vue 3.x 以前卸载 vue 2.9.6 失败的缘由和解决方法

以前安装了 vue 2.9.6 的版本，如今 vue 官方升级到了 3.x 版本，因此想卸载掉 2.9.6 的版本，安装 3.x 版本，结果输入官方给出的命令 npm uninstall vue-cli -g 却没法成功卸载，一直提示 up to time in 0.03s，而后百度和 Google 了很久，也没见到有效的解决方法，最终沉下心慢慢的研究，终于知道了缘由，记录下来，方便遇到相同问题的人。
先介绍缘由吧，可能你们都知道，npm 是 node 包管理器的简称（node package manager），在咱们安装 node 的时候会一并安装。正常状况下，咱们安装的 node 在 /usr/local/bin 目录下，而 npm 在 /usr/local/lib/node_modules 目录下，而后咱们经过 npm 的全局命令安装的模块也在 /usr/local/bin 目录下（例如 npm install vue-cli -g），平时咱们在终端里使用的 node --vesion 或者 vue --version 这种命令其实调用的就是 /usr/local/bin 中的命令。而咱们使用 npm uninstall vue-cli -g 命令卸载 vue-cli 模块的时候，也是在这个目录去找，去卸载。
可是若是咱们在已经安装 vue 的状况下再安装 nvm（node 版本管理器，node version manager），就会出问题，nvm 会改变 npm 全局安装模块的路径，我这边的路径变成了 ~/.nvm/versions/node/v10.15.1/bin，在安装 nvm 以后我再使用 npm 的全局安装命令安装的模块全都在这个目录下。那么咱们使用 npm uninstall vue-cli -g 命令去卸载 vue 固然是不会成功的，由于它是在 ~/.nvm/versions/node/v10.15.1/bin 目录去卸载，而咱们的 vue 安装在 /usr/local/bin 目录下。
那么知道了缘由以后，就得解决问题了，下面的方法可能不是最好的，你们能够探索更好的方法。

1. 删除 /usr/local/lib/node_modules 目录（谨慎选择，由于这个目录下可能还有其余地方用到的模块）：sudo rm -rf /usr/local/lib/node_modules
2. 删除 /usr/local/bin 下的 node：sudo rm /usr/local/bin/node
3. 删除 /usr/local/bin 下的 vue：sudo rm /usr/local/bin/vue
4. 删除 ~/.nvm 目录：sudo rm ~/.nvm
5. 打开 ~/.bash_profile 文件：vi ~/.bash_profile

6. 删除 .bash_profile 文件中跟 nvm 有关的部分：

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

7. 使修改后的 .bash_profile 生效：source ~/.bash_profile
8. 这时候在当前终端窗口里面应该仍然可使用 nvm 命令，而后你关掉当前终端，从新打开终端输入 nvm 命令，应该已经会提示 command not found
9. 从新安装 nvm（https://github.com/creationix... ）：curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.34.0/install.sh | bash
10. 从新安装 node：nvm install --lts
11. 从新安装 vue：npm install -g @vue/cli

这时候使用 vue --version 看到的应该是 3.x 的版本了。而这些命令所在的目录如今都是 ~/.nvm/versions/node/v10.15.1/bin。提示一下，要想看一个命令所在的目录，可使用 which 命令，好比说 which vue、which node，就会显示命令所在的目录。
最后，经过公众号“极课助手”去购买“极客时间”全部课程，能够得到高额返现，最高可返 51 元，若是想了解更多技术知识，能够关注“极课助手”公众号。

参考文献：

1. https://my.oschina.net/oslph/...
2. https://github.com/creationix...