下载和运行GitHub上的代码教程总结

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

大家好,又见面了,我是你们的朋友全栈君。

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

如何从GitHub上下载项目:

一:准备账号

首先,注册GitHub账号及配置

GitHub传送带

账号申请及配置参数

二:安装Git 工具

廖老师Git安装教程传送带

三:项目下载

1、登录GitHub账号

    下载和运行GitHub上的代码教程总结

2、搜索项目

下载和运行GitHub上的代码教程总结

3、下载项目

     下载和运行GitHub上的代码教程总结

3.1 三种方式  

  • Open in Desktop,如果你安装了GitHub的客户端的话,那么你直接点左下角的Open in Desktop,就可以在你本地的客户端直接打开,用得不多;
  • Download Zip,可以直接下载项目的压缩包到你的电脑上,用得不多;
  • 代码克隆,工作中基本都是通过git clone的方式拉取项目代码,下面详细介绍。

3.2 Git Clone 的两种方式

  • 通过Http的方式克隆项目,如果账号没有添加SSH密钥,那可以用HTTP的方式克隆项目
  • 通过SSH的方式克隆项目,账号有添加SSH密钥

3.2.1 通过HTTP的方式克隆项目

  •    复制项目地址,点击红色框的位置或者双击链接

    下载和运行GitHub上的代码教程总结

  • 打开你想要存储的该项目的位置(如E:\Project),鼠标右键,点击Git Bash Hear,弹出Git命令窗口,输入git clone 你复制的项目地址,如下所示,然后回车

   下载和运行GitHub上的代码教程总结

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

下载和运行GitHub上的代码教程总结

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

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

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

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

下载和运行GitHub上的代码教程总结

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

下载和运行GitHub上的代码教程总结

四:实战演练

登录账户

下载和运行GitHub上的代码教程总结

搜索项目

下载和运行GitHub上的代码教程总结

 克隆项目

下载和运行GitHub上的代码教程总结

下载和运行GitHub上的代码教程总结

查看项目文件

下载和运行GitHub上的代码教程总结

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

下载和运行GitHub上的代码教程总结

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

下载和运行GitHub上的代码教程总结

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

下载和运行GitHub上的代码教程总结

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

下载和运行GitHub上的代码教程总结

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

下载和运行GitHub上的代码教程总结

安装Node

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

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

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

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

安装后检查Node 版本信息

下载和运行GitHub上的代码教程总结

Vue 构建环境搭建

NodeJS 安装成功之后,接下来安装 Vue的工具:

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

    npm config set registry https://registry.npm.taobao.org

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

npm install -g vue-cli   # 只需要第一次安装时执行

构建项目下载和运行GitHub上的代码教程总结

npm install

运行项目

下载和运行GitHub上的代码教程总结

npm run serve

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

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

以上内容,如有问题,欢迎指教!

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/135543.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 您的pycharm评估已过期_pycharm许可证过期

    您的pycharm评估已过期_pycharm许可证过期2020年10月国企,看来需每年操作一次

  • ElasticSearch集群搭建图文解析

    ElasticSearch集群搭建图文解析/前言/      ElasticSearch作为一个分布式搜索引擎有着广泛的应用场景,而搜索服务在在一个项目中的权重还是比较高的,所以我们要想办法去提高搜索服务的可用性,这就是ElasticSearch集群的作用,为搜索服务提供高可用的特性       何为高可用呢,其实就是字面意思,假设我们的搜索服务可以一直不停的提供服务,那么高可用性就是100%,

    2022年10月13日
  • 我的第一个上位机软件「建议收藏」

    我的第一个上位机软件「建议收藏」2019年即将过去,这一年最值得开心、高兴的事就是我参与研发的“全自动生化分析仪”终于上市了,并受到市场的欢迎;由于有非常给力的销售团队,机器的订单一直不断。当然机器研制成功是项目经理和团队的功劳,而我只是参与其中的一部分而已,但这对我而言有特殊的意义;因为这是我的第一个基于linux的商用上位机软件。虽然以前在windows平台折腾过java、C#、MFC的小上位机,但那些上位机无…

  • Java学习路线图(如何快速学Java)

    Java学习路线图(如何快速学Java)不知不觉从初学Java到现在已经8年了,今天在这里给刚入门和入门不久的小伙伴们一些建议。可能总结的不是很详细,但给出了一个大概的学习路线。希望对大家有帮助哈~如何快速学Java这里我以JavaEE(JakartaEE)/JavaWeb的经验来说哦。(都把你们看做是零基础入门的了)学习JavaEE(JakartaEE)总体来说会有以下三大模块:Java 数据库 We…

  • cardboard应用_cardboard怎么用

    cardboard应用_cardboard怎么用GoogleCardboard虚拟现实眼镜开发初步(一)虚拟现实技术简介不得不说这几年虚拟现实技术逐渐火热,伴随着虚拟现实设备的价格迅速平民化,越来越多的虚拟现实设备来到了我们眼前,也因此虚拟现实方面的开发离我们也越来越近。这几年迅速崛起的Oculus,其成功就在于拉近了虚拟现实与群众的距离,把原本价格高不可攀的虚拟现实设备放到了我们可以触手可及的位置,Oculus的技术开辟了

  • android 设置标题栏背景颜色_状态栏菜单栏都在哪

    android 设置标题栏背景颜色_状态栏菜单栏都在哪android中沉浸式状态栏的文章已经满大街了,可是在实现某些效果时,还是得各种搜索,测试一通后,最后还常常满足不了要求,即使好不容易在一部手机上满足了需求,放在另外一手机上,发现效果差强人意。今天把自己这几天学到的关于沉浸式状态栏知识进行总结下。问题比如我想实现以下效果:1.同一个Activity需要动态变换标题栏和状态栏文字字体色值,该如何实现?2.一个Activity包含多个F

    2022年10月20日

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号