win10 安装 vue.cli 一波三折

官网下载 node.js 后,一路安装,顺风顺水,命令行输入node -v以及npm -v查看是否安装成功,令人眉开眼笑:
在这里插入图片描述
然而,接下来安装 vue-cli ,可真是把我折磨坏了!!

首先通过npm install -g cnpm --registry=http://registry.npm.taobao.org安装了 cnpm(npm的国内镜像,安装成功后可以用cnpm代替npm来安装依赖包) ,安装成功!接着通过npm install -g vue-cli全局安装 vue-cli,得,出问题了!
在这里插入图片描述
报了一个错:
Unexpected end of JSON input while parsing near ‘…x6QKnfOHBXbdNR5vhahjN’

后来经过查找解决方式,通过以下方式解决了,虽然不知道原因:

npm cache clean --force

接着:

npm install

之后,再次通过npm install -g vue-cli全局安装 vue-cli ,又出新问题了:
在这里插入图片描述
新报了一个错:
Response timeout while trying to fetch https://registry.npmjs.org/vue-cli (over 30000ms)

后来,看到 Vue官网 上说,Vue CLI 的包名称由 vue-cli 改成了 @vue/cli,于是,我就尝试一个新的命令:

npm install -g @vue/cli

结果还是报错:
Response timeout while trying to fetch https://registry.npmjs.org/@vue%2fcli (over 30000ms)

我的天呀,神呀,主呀,救救我吧!!!
我看网上其他人安装 vue 都挺顺利的,怎么到我这就这么多坑呢!

无奈之下,我将之前安装的所有node.js相关的都卸载了,之后,从官网重新下载,并且将安装包重新放到一个新的文件夹下(注:此文件夹名保证了没有任何特殊符号,只有英文字母),之后,一步步小心翼翼安装,在通过命令行安装 vue.cli 还是报错,Oh, my god !

最后,突然灵光一现,使用 cnpm 代替 npm,即使用命令:

cnpm install -g vue-cli

安装 vue,终于,皇天不负有心人,我成功了~
在这里插入图片描述

hhh,我太开心了,一把鼻涕一把心酸泪呀

终于,凌晨1:40,我可以睡觉了~

猜你喜欢

转载自blog.csdn.net/WU2629409421perfect/article/details/105501052