mac os安装vue-cli脚手架出现的坑，安装上去执行vue命令出现zsh: command not found: npm提示

最近学到了vue-cli脚手架，在安装的时候，却发现怎么样都无法成功安装，按道理来讲三分钟就能够安装成功的，具体错误如下：

我问了几个大厂朋友：这里其实已经安装成功了，但是运行不了vue命令，会出现：zsh: command not found: npm，如果你和我一样，请继续看下去

以下都是试错，仅供大家参考，解决方法在文末：

vue-cli安装流程：
下载node.js和vue-cli脚手架==>成功 能正常执行vue命令

1、node.js官网下载macOs版本，直接安装（一键到底就行）
2、终端输入 ：npm -v(查看是否成功安装，安装成功版本号提示)
3、终端输入 ：npm i -g @vue/cli

**第一次试错：**到这里基本上就安装成功了，但是mac os是个大爹。这里我加载了五分钟都没有成功出现提示。这也是网上比较常见的问题：用npm下载脚本速度会很慢，有时候直接出现网络错误，因为墙的问题，所以很多外国的网站，或者github的脚本都很难下载的。这块的错误我没有截图，具体试错：

1. 下载cnpm镜像，直接到官网下载就行

npm install -g cnpm --registry=https://registry.npm.taobao.org

2. 安装过墙软件

**第二次试错：**安装了cnpm，继续安装仍然报错，看到提示说没有xxxxx文件的权限

惯性思维让我想到了是不是这两个文件是冲突了，包括后来安装vue-cli的时候也出现了这样的代码提示：

这个提示说我的两个文件有什么不安全的进制转换问题，我尝试吧bin/vue和bin/vue.js删掉，但是没有用。网上搜索说有可能是版本不对的问题，需要修改这里面的文件的版本，但是我没找到nodejs和npm的版本号在哪个位置,事实上我的版本都是最新版，也不会存在和vue-cli冲突的问题：记住安装的时候看一下官方文档提示的最低的node版本

所以我把npm都卸载了一遍，然后重新安装，并且把node_modules文件删了（这是nodejs的文件，安装后就有），重新下了一个nodejs安装包，安装在了我的用户文件夹里面了，这是一个伏笔。

之后我又试了这个指令

sudo npm i -g @vue/cli

sodu可以让这个指令有更高的权限，部分人可能会和我一样出现一大堆提示，但是没有报错，也有可能出现errno -13的错误，我多安装几次好像就没有errno-13的错误了

一个朋友打了个圈告诉我缺少一个依赖，我也不知道咋回事，只叫我上网查心里万分痛苦。
这里先说解决方案吧：
用了sudo npm i -g @vue/cli出现图一的提示，你基本上已经成功了一半，如果出现errno -13提示你的路径和文件权限出现了问题，那么你很可能和我一样，没有注意node_modules这个文件，这应当算路径出错了和没有开文件权限的问题。
通常情况这个文件就是默认存在usr/local/…这个文件下面的，你可以先使用npm root -g查看一下你的node到底是不是在这个路径下面，还有不要试图把别的文件添加到这个路径上，也就是说不到万不得已不要使用这个指令：npm config set prefix。我修改了之后，就不知道怎么改回来了，头都大了。

你需要做两件事情：
开权限，开node_modules文件的权限，但是mac os系统很怪，你下了node.js后又会在你用户文件夹里面去创建一个node_modules文件，这个时候你可能找不到这个真正的文件（我就是的），你需要从finder里面顶栏=>前往=>前往文件夹，从里面找到nodd_modules文件

然后设置读取权限：

第二步就是使用全局配置环境，这里相当于上了双重锁，把你的权限都开了，外网上也有人说用sudo不安全，这里我就不太清除了。利益自己权衡，自用电脑应该不用担心。

sudo npm i -g @vue/cli

到这里，你就安装成功了！！！！！！！！！！！！！！！

8.30号更新、第二次又踩到这个坑上面了。出现的问题：
本来想更新一下vue-cli3，但是发现自己只能安装vue-cli2。使用npm install -g vue-cli能够成功安装vue-cli2，也可以成功卸载。在更新了node和npm为最新版本后，仍然无效。错误提示是有一个叫vue的文件重名了。
怪我手贱，删了之后直接跑出几十行错误。
使用sudo npm i -g @vue/cli安装无果之后。
成功方案
使用sudo cnpm i -g @vue/cli淘宝镜像安装，直接成功。具体错误原因和cnpm安装成功原因未知，猜测是因为npm和cnpm会创建两个node_modules，之间没有文件命名冲突。如果要解决命名冲突，可能要配置环境，笔者小白一个不配。
如果你们的npm或者vue-cli安装也出现了问题，建议找到node_modules文件夹，把它删了，并且删掉node、npm相关的文件，重新安装。然后重启。（当然，能够找到是前提）

当然我还试错了很多次，前人的教训都是后人的经验。比如试图下载yarn、重装系统、换个window电脑重试、修改文件路径等等。还是一个小白，所以操作系统这方面真的不太懂，我也只是分享一下踩坑过程。把我解决的这个坑过程分享给大家，希望能够对大家有一些参考意义，也算是对自己的警示吧，遇到问题不要放弃。当然，如果想要把npm完好，把终端玩好，把mac os玩好还是要看看linux操作系统，这方面我也一定会继续学习。还得谢谢几个朋友已经群友、水友们的帮助，共勉！