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,我可以睡覺了~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章