下载和运行GitHub上的代码教程总结从昨天开始就想着从GitHub上下载一个开源的Vue的实战项目，希望能从中学习更多的Vue的实用内容，结果搞了半天好不容易下载了，不知道怎么弄。然而，今天终于成功了，激动地我赶紧来记录一下。如何从GitHub上下载自己需要的项目：1.首先，你要有一个自己的GitHub（https://github.com/）的账号。关于如何注册GitHub的账号以及如何获取你的SSH密钥这个问题，请大家参…

大家好，我是你的好朋友思创斯。今天说一说下载和运行GitHub上的代码教程总结,希望您对编程的造诣更进一步.

之前做学校的毕业设计，想从Github上下载一个Vue项目作为模板，由于之前没有从gitHbu上克隆项目的经验，结果花了大半天在从github上面把项目克隆下载。现在有时间记录以下，方便其他小伙伴一起学习。

如何从GitHub上下载项目：

首先，注册GitHub账号及配置

GitHub传送带

账号申请及配置参数

廖老师Git安装教程传送带

1、登录GitHub账号

2、搜索项目

3、下载项目

3.1 三种方式  

3.2 Git Clone 的两种方式

3.2.1 通过HTTP的方式克隆项目

当弹出如下所示的时候，表示你已经下载成功了。

这个时候，你再进入你保存文件的位置，就会发现已经有一个文件夹了。

3.2.2 通过SSH的方式下载项目。

关于配置SSH的方式可以参考我记录的另一个博客：Git配置SSH及通过IDEA连接GitLab方法总结

如果你是登录的状态，并且已经添加过SSH密钥，那么你在点击Clone orDownload的时候，就会出现：

那么就如同上面通过HTTP的方式下载项目一样，复制ssh的克隆地址。然后在Git Bash的命令窗口输入git clone 你复制的地址，回车，然后直到出现下一个$的时候，表示下载成功。

登录账户

搜索项目

 克隆项目

查看项目文件

项目文件中一般会有项目的介绍，一般先看readme文件

打开项目【只演示前端项目】

 打开Terminal 输入命令【或者通过命令行窗口，在项目文件路径下输入命令】

如出现上图情况，说明Node应该是还没安装。此时打开命令行窗口检查下配置

查看node 版本，如果没有版本显示或提示 “node 不是内部或外部命令，也不是可运行的程序或批处理文件。”，说明node还没安装，需要重新安装。

安装Node

node-v8.11.1-x64【百度网盘资源免费】

链接：https://pan.baidu.com/s/1gQfCX3Gzn1o-UG14FiXnqw   提取码：k9hr 

更多资源可以参考我的另一个博客【构建Vue-cli步骤总结】

下载网盘中的安装包后，一步一步点击下一步直至安装完成即可。【安装包方式安装Node，一般会自动配置好系统环境，如果是解压包方式安装，则需要手动配置环境】。此处忽略，详情可参考：node.js 安装详细步骤教程_老油条-CSDN博客_node.js安装步骤

安装后检查Node 版本信息

Vue 构建环境搭建

NodeJS 安装成功之后，接下来安装 Vue的工具：

一般使用npm install来构建下载依赖，执行 npm install 命令时，默认使用的是国外的下载源 ，可以通过如下代码配置为使用淘宝的镜像：

打开命令行窗口，安装vue脚手架配置 

构建项目

运行项目

访问项目：http://localhost:8080/#/

最近很多小伙伴联系我问一些关于本篇博客的疑问点，于是我决定重新补充了第四点实战演练。再者，发现有一些小伙伴copy或转载之前写的存在很多问题的博客，于是决定把这博客重新改版，同时也希望copy或转载的小伙伴能同步更新以免误导别人。

以上内容，如有问题，欢迎指教！

   更多的细节可以参考：怎么样从GitHab、GitLab、码云等下载代码？_不怕万人阻挡，只怕自己投降-CSDN博客_码云怎么下载项目     

文章由思创斯整理,转载请注明出处：https://ispacesoft.com/41877.html