如何從GitHub上面下載開源項目并且能夠成功運行之小白采坑記

作為一名前端小白,那么是必須要有自己一個GitHub的賬號呢,因為到了后期方便我們能夠復制,粘貼代碼到自己的項目里來,那么我為什么要開始著手搞這個就是因為目前我們所要做的項目會有一個涉及到三級聯(lián)動的問題
在網(wǎng)上百度了好久,都沒能夠找到一個比較適合的三級聯(lián)動js庫,所以我就想到了github,關于GitHub賬號注冊,這里就不做詳細贅述了,我們直接一步步來吧
第一步:SSH-key
首先你得在github里的setting(設置)里面生成自己的第一個公鑰

image.png

關于生成步驟,推薦地址https://blog.csdn.net/qq_23703157/article/details/73838688
第二步,在本地git clone "github上面的地址"
image.png

三種方式均可下載成功到本地
注意:此處我使用的是SSH下載到本地遇到過一個坑,執(zhí)行命令
git clone "github地址"
提示:Are you sure you want to continue connecting(yes/no)?
我以為輸個y就OK了,結(jié)果后面來了一句:
提示:please type "yes" or "no"?
不管輸入"y"或者"n",此處會無限循環(huán)下去
解決辦法就是很簡單,在提示第一句的時候完整回復"yes"即可成功克隆github上面的項目到本地了
第三步,進入項目 ,右鍵打開命令窗口,執(zhí)行命令npm i 全局安裝node-modules,安裝完成之后,此處有兩個啟動服務的命令,分別是npm run dev和npm start,你可以分別嘗試一下,此處具體輸入什么命令來啟動服務結(jié)合你拷貝下來的項目里的package.json文件的scripts里的字段是什么
image.png

注意,此處scripts里面并不存在start字段,那么運行npm run dev即可啟動服務了,如果你執(zhí)行的是npm start,那么會出現(xiàn)下列情況
image.png

第四步,成功啟動服務之后,你就可以隨意ctrl+c和ctrl+v了

補充一點:看了網(wǎng)上的很多篇博客文章,都會寫到在git bash here里面去執(zhí)行npm i,但是這里有一個坑,那就是你不管執(zhí)行幾次,雖然node-modules能夠有文件夾,但是內(nèi)容是空的,最后會報npm err的錯誤,這里之所以會安裝不成功,是因為端口和IP地址都是你自己本地的IP地址和端口,需要改成和遠程后臺的IP和端口一致,報錯會有提示,即可,修改過后即可正常下載安裝node模塊了,因為之前窗口打開太多,都關掉了,這段文字應該說的比較直白了,反正多折騰幾遍就對了
(附上圖片一張)npm config list


image.png

注意匹配IP以及端口號(端口號與IP地址在)


image.png

以上純屬自己個人理解與感悟,歡迎指教??!

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容