前段时间学了一下 vue ，由于本人自带的“编程相关皆玄学”的属性，在搭配环境的时候就出了一堆寻常百度不能解答的问题，故写下此文，一方面为己鸣钟，一方面警示他人

若你和我一样自带的“编程相关皆玄学”的属性，那请保存好本文以便出问题时使用

PS：以下操作皆以你了解具体 vue 及相关环境搭建的前提下进行，小白情自行寻找相关正规教程。

另附：本人 Mac Pro，Windows朋友情自便

我在搭建好 node.js 环境后开始 sudo npm install 和 sudo npm install vue-cli -g 等操作然后 init webpack 新建项目 但是出现了以下报错

这个问题本来以为是很简单的问题，但是百度了好多帖子也没发现和这个有关的解答，并且我发现 node_modules 文件夹竟然只有一个 vue 文件（其实最开始我是不知道的，我以为有一个就是对的，知道我删了 node_modules 重新安装）

无果后我决定删除 node_modules 重新导入（这个基本上是一个剑走偏锋的操作，如果是单独为某一个环境的话可以一试，但是如果相关联的其他环境太多尽量还是不要乱弄，全部重新导入麻烦是一方面，另一方面是怕倒入后出现什么稀奇古怪的问题，毕竟你自己不能全部记得你倒入过的东西） 重新导入后果然多了很多关联文件

然而当我 sudo npm install sudo npm install vue-cli -g 等操作后 init webpack 新建项目还是出现了那个问题 没办法，把这个报错再次复制百度，不过这次我发现结果里出现了一条 GayHub（GitHub） 的数据！ 打开一看竟然是 vue 在 GayHub 的开源的提问，很显然，我遇到了患难与共的先人提出的问题，官方给出的解答是运行一下 npm i @vue/cli -g 这……真的是……

好，运行 npm i @vue/cli -g，显示

卧槽，很棒棒啊！ 然后回归正常操作，然后又出来一个错误

别怕，这个 GayHub 上也有解答，只需要 sudo npm install -g @vue/cli-init 即可 回车运行，然后再次 init webpack 新建项目，成功！