欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

小白教程:Visual Studio2017配置GitHub图文教程

程序员文章站 2022-07-14 09:05:27
...


1 前言

  这段时间准备把之前的VS上的代码都上传到GitHub上,之前都没有Git的习惯,代码一锅粥的放在了自己的移动硬盘里面,这不是个好习惯,于是就想学习一下Git代码管理,改变一下自己的代码管理方式,本文是对自己在VS上配置GitHub的一个学习记录。

  Visual Studio自带有一一套自己的代码版本控制系统,叫做 Visual Studio Team Services,但是貌似不是特别火。相比之下,GitHub 的影响力要更大一点,VisualStudio 2012之前的版本是不带Git系统的,但是可以通过扩展插件在VS上执行Git系统,如果如果你是个Git高手的话,直接用命令行操作,或许不是什么难事,但对于小白而言,还是有点难度。
  
  VS2013之后,VS本身可以集成Git系统,但是就我这段时间的体验而言,不是特别好用,容易迷之连不上 (报错libgit2.Category = Net(Error) ) ,但是VS的最新版本,无论是IDE本身还是VS扩展插件,都提供了很好的支持,尤其是微软收购了GitHub之后,相信VS对GitHub的支持会更加友好。

配置环境

  • Visula Studio 2017 专业版
  • Windows 10 企业版
  • GitHub VS插件

2 配置过程

  打开Visual Studio 2017 ,点击导航栏Tools->Extensions and Updates,安装插件
小白教程:Visual Studio2017配置GitHub图文教程

  在搜索栏里搜索 GitHub
小白教程:Visual Studio2017配置GitHub图文教程

  安装之后,会提示关闭VS之后生效,关闭VS,开始安装,过程很简单,按照提示,下一步即可

小白教程:Visual Studio2017配置GitHub图文教程

  然后再启动VS,创建我们的项目,开始使用
小白教程:Visual Studio2017配置GitHub图文教程

  注意,勾选右下角的“Create new Git repository”,创建本地代码仓

  然后打开 Team Explorer

小白教程:Visual Studio2017配置GitHub图文教程

  会发现此时,已经有了GitHub的选项
  如果是第一次登录,会让你登录GitHub账号

小白教程:Visual Studio2017配置GitHub图文教程

  登录之后,点击 Create 我们要在GitHub上创建一个全新的代码仓

小白教程:Visual Studio2017配置GitHub图文教程

  注意,Name可以是自定义的,可以和解决方案还有项目名不同,但是Local Path必须是解决方案的根目录

  创建成功的图例
小白教程:Visual Studio2017配置GitHub图文教程

  然后,我们写一段代码,测试一下代码变更,创建一个source.cpp文件,随便写一段代码如下

/* Brief: This code is uesd to test the connection of github to visual studio.
** Author: Jason
** Date: 2018-6-29
*/
#include<iostream>
using namespace std;

int main() {
    cout << "Hello ,GitHub.com" << endl;
    cin.get();
    return 0;
}

  此时你会发现旁边的解决方案中,source.cpp前面会多一个小加号,表示该文件代码存在变动

小白教程:Visual Studio2017配置GitHub图文教程

  在GitHub的管理中,想要同步到远程代码库,需要先publish自己的代码仓

  在Team Explorer中,点击Publish

小白教程:Visual Studio2017配置GitHub图文教程

小白教程:Visual Studio2017配置GitHub图文教程
  对应的,在GitHub官网上,可以看到自己刚才的代码变更

小白教程:Visual Studio2017配置GitHub图文教程

小白教程:Visual Studio2017配置GitHub图文教程

  至此,全部操作完成,虽然并没有什么难点,但对于我这个小白而言,还是折腾了半天,还是记录一下吧。
相比于VS2013的,VS2017操作更简单,而且不容易出现问题。

3 对已存在的项目配置GitHub

  有一些之前写的project,没有配置Git,现在要配置GitHub的远程代码仓(Remote respository),怎么做呢?
比如我现在打开一个之前写的天气预报的Demo
小白教程:Visual Studio2017配置GitHub图文教程
  用VS打开之后,在解决方案里(注意不是project,是Solution),点击右键,选择添加代码控制。
小白教程:Visual Studio2017配置GitHub图文教程
  然后你会发现,之前的代码文件的图标之前会多一堆锁的小图标
小白教程:Visual Studio2017配置GitHub图文教程
  表示你的文件已经被本地的Git系统追踪,并且此时该解决方案的根目录中多了一个.git文件夹
小白教程:Visual Studio2017配置GitHub图文教程
  以及,团队资源管理器中会多一个本地的代码仓
小白教程:Visual Studio2017配置GitHub图文教程
  点击团队资源管理器的主页,然后点同步(Sync)
小白教程:Visual Studio2017配置GitHub图文教程
  然后就直接 Publish to GitHub就行啦
小白教程:Visual Studio2017配置GitHub图文教程
  写一下描述,会生成在你的GitHub代码仓的简介里面
小白教程:Visual Studio2017配置GitHub图文教程
  创建成功
小白教程:Visual Studio2017配置GitHub图文教程
  然后去github.com上看一下自己的主页,是否更新
小白教程:Visual Studio2017配置GitHub图文教程
  嗯,和预想的效果一样,至此,全部操作完成。

4 总结

  其实对Git的操作,无论是Git bash命令行,还是IDE集成的Git插件,都没什么难的,越来越多的开发工具都提供了Git的GUI方式(比如AS的CVC中的Git,以及GitHub for Desktop等),都十分好用。而对于一个开发者来说,管理好自己的代码无疑是一种良好的习惯。

相关标签: VisualStudio GitHub