如何从GitHub上面下载开源项目并且能够成功运行之小白采坑记

作为一名前端小白，那么是必须要有自己一个GitHub的账号呢，因为到了后期方便我们能够复制，粘贴代码到自己的项目里来，那么我为什么要开始着手搞这个就是因为目前我们所要做的项目会有一个涉及到三级联动的问题
在网上百度了好久，都没能够找到一个比较适合的三级联动js库，所以我就想到了github，关于GitHub账号注册，这里就不做详细赘述了，我们直接一步步来吧
第一步：SSH-key
首先你得在github里的setting（设置）里面生成自己的第一个公钥

image.png

关于生成步骤，推荐地址https://blog.csdn.net/qq_23703157/article/details/73838688
第二步，在本地git clone "github上面的地址"

image.png

三种方式均可下载成功到本地
注意：此处我使用的是SSH下载到本地遇到过一个坑，执行命令
git clone "github地址"
提示：Are you sure you want to continue connecting（yes/no）?
我以为输个y就OK了，结果后面来了一句：
提示：please type "yes" or "no"?
不管输入"y"或者"n",此处会无限循环下去
解决办法就是很简单，在提示第一句的时候完整回复"yes"即可成功克隆github上面的项目到本地了
第三步，进入项目 ，右键打开命令窗口，执行命令npm i 全局安装node-modules，安装完成之后，此处有两个启动服务的命令，分别是npm run dev和npm start,你可以分别尝试一下，此处具体输入什么命令来启动服务结合你拷贝下来的项目里的package.json文件的scripts里的字段是什么

image.png

注意，此处scripts里面并不存在start字段，那么运行npm run dev即可启动服务了，如果你执行的是npm start,那么会出现下列情况

image.png

第四步，成功启动服务之后，你就可以随意ctrl+c和ctrl+v了

补充一点：看了网上的很多篇博客文章，都会写到在git bash here里面去执行npm i,但是这里有一个坑，那就是你不管执行几次，虽然node-modules能够有文件夹，但是内容是空的，最后会报npm err的错误，这里之所以会安装不成功，是因为端口和IP地址都是你自己本地的IP地址和端口，需要改成和远程后台的IP和端口一致，报错会有提示，即可，修改过后即可正常下载安装node模块了，因为之前窗口打开太多，都关掉了，这段文字应该说的比较直白了，反正多折腾几遍就对了
（附上图片一张）npm config list

image.png

注意匹配IP以及端口号（端口号与IP地址在）

image.png

以上纯属自己个人理解与感悟，欢迎指教！！