vue項目搭建問題記錄

前言

新型肺炎,湖北在水深火熱之中,到處封路,不敢出門。
武漢回來還不滿14天的我,又不敢帶小孩兒,乾着急也沒有什麼作用,索性還是學點東西吧。
本想重構一下之前的小項目,把前臺的實現由thymeleaf模板改爲更流行的vue,但是創建vue項目時卻遇到一些問題,以下爲記錄備忘。

記錄一:安裝cnpm卡住

按原來的步驟,使用vue init webpack projectName可以創建一個初始的vue項目,但是這次大概是由於家裏網絡不好,在npm install的時候一直卡着不動。
網上說是由於npm的鏡像在國外,可以換成阿里的cnpm鏡像,安裝命令如下:

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

但是在執行這個命令之後,卻在fetchMetadata這裏一直卡着不動,足足一個小時。
於是各種嘗試之後,根據網上的方法成功安裝,步驟如下:

npm set registry https://registry.npm.taobao.org
npm set disturl https://npm.taobao.org/dist
npm cache clean --force
npm install -g cnpm --registry=https://registry.npm.taobao.org

可能還是網絡不好,執行了上邊幾步之後,依然用了差不多十五分鐘才安裝成功。
參考:cnpm執行卡住,卡頓解決

記錄二:cnpm初始化vue項目

在創建vue項目的時候,最後一步有三個選項:

Yes, use NPM
Yes, use Yarn
No, I will handle that myself

這一步的意思就是下載安裝各種依賴包,默認是npm下載,我上邊創建項目卡住的原因也就是這裏直接回車了。而網絡不佳。
因此,安裝cnpm之後,可以選擇第三項。
完成之後,cd到項目目錄下再執行cnpm install即可用cnpm代替npm下載安裝依賴包,大大提升項目創建的速度以及成功率。

後記

湖北依舊在水深火熱之中,武漢更是在水深火熱的中心。
昨天一天湖北增加確診1291人,希望是因爲試劑盒、設備、醫務人員跟上之後出現的正常現象。
祖國加油,湖北加油,武漢加油,希望一切都快點好起來,希望一起都快點過去!

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