Visual Studio Code配置GitHub(Win7环境)

一、软件环境说明(演示环境)

1、操作系统:Windows7旗舰版(64bit)

2、Visual Studio Code版本:1.32.3

3、Git版本:2.21.0.windows.1

二、软件安装

1、Visual Studio Code安装

下载地址:https://code.visualstudio.com,下载后直接双击进行安装。

2、Git安装

下载地址:https://git-scm.com/download/win,下载后直接双击进行安装。

Git安装之后,在操作系统的开始菜单*有三个程序:Git Bash,Git CMD,Git GUI。

Visual Studio Code配置GitHub(Win7环境)

Git Bash:也是Git的命令操作窗口,基于Git CMD,但是在其基础上增添了一些新的命令与功能,因此建议使用Git Bash,使用起来更加方便,接下来的演示操作全部在Git Bash中进行。

Git CMD:Git的命令操作窗口。

Git GUI:Git的可视化图形操作界面,不做详细介绍。

三、Git部署与配置

1、建立本地仓库

新建文件夹或选择已有文件夹用作本地仓库。

3、进行“Git Bash Here”操作

打开Git Bash,切入本地仓库,或者直接在本地仓库中进入命令行。

Visual Studio Code配置GitHub(Win7环境)

注意:从开始菜单中执行Git Bash,默认就在“C:\Users\你自己的操作系统的用户名”文件夹下,通过命令切换操作才能进入到准备建立本地仓库的文件夹下。

Visual Studio Code配置GitHub(Win7环境)

4、配置用户名

命令:git config --global user.name “用户名”

Visual Studio Code配置GitHub(Win7环境)

5、查看用户名

命令:git config user.name

Visual Studio Code配置GitHub(Win7环境)

6、配置用户邮箱

命令:git config --global user.email “邮箱”

Visual Studio Code配置GitHub(Win7环境)

7、查看用户邮箱

命令:git config user.email

Visual Studio Code配置GitHub(Win7环境)

8、初始化本地仓库

命令:git init

Visual Studio Code配置GitHub(Win7环境)

9、暂存文件

命令:git add .(注意后边的点号“.”不能省略)

Visual Studio Code配置GitHub(Win7环境)

10、提交文件

命令:git commit -m “第一次提交”

Visual Studio Code配置GitHub(Win7环境)

11、生成SSH私钥和公钥

命令:ssh-keygen -t rsa -C “注册邮箱”

Visual Studio Code配置GitHub(Win7环境)

12、查看公钥

打开“C:\Users\你自己的操作系统的用户名\.ssh”文件下有三个文件,其中id_rsa.pub就是公钥,用记事本打开,复制全部内容,过一会在GitHub中要用。

Visual Studio Code配置GitHub(Win7环境)

四、GitHub部署与配置

1、注册GitHub账号

打开GitHub网站:https://github.com/,注册并登陆(简单不再赘述)。

2、配置SSH公钥

点击我的头像,选择“Settings”选项单击打开。

Visual Studio Code配置GitHub(Win7环境)

左侧菜单栏中找到“SSH and GPG keys”,然后点击右上角新增公钥“New SSH key”。

Visual Studio Code配置GitHub(Win7环境)

为公钥设置一个自定义标题“Title”,然后将上边已经生成的公钥文件中的内容拷贝到“Key”中,然后点击“Add SSH key”完成公钥配置。

Visual Studio Code配置GitHub(Win7环境)

3、建立远程仓库

单击用户图标左边的”+“号按钮,在弹出的菜单中单击”New repository“。

Visual Studio Code配置GitHub(Win7环境)

完成下图三步操作后点击创建仓库“Create repository”。

Visual Studio Code配置GitHub(Win7环境)

创建完成后效果如下图所示:

Visual Studio Code配置GitHub(Win7环境)

4、查看远程仓库地址

将远程仓库SSH地址保留,用于和本地仓库关联。

Visual Studio Code配置GitHub(Win7环境)

五、配置本地仓库关联GitHub远程仓库

1、配置远程仓库

命令:git remote add 远程仓库名称 远程仓库地址(这个很重要,不能错)

Visual Studio Code配置GitHub(Win7环境)

2、查看已配置的远程仓库

命令:git remote 或 git remote -v

Visual Studio Code配置GitHub(Win7环境)

3、远程仓库连接测试(备注host)

命令:ssh -T git@github.com

Visual Studio Code配置GitHub(Win7环境)

4、将远程仓库内容拉到本地仓库

命令:git pull 远程仓库名 master --allow-unrelated-histories

注意:后面的“--allow-unrelated-histories”这个参数不能省,否则出错,拉取中若进入文本编辑界面,直接输入“:q”(退出的意思)回车即可。

Visual Studio Code配置GitHub(Win7环境)

5、将本地仓库的内容推送到远程仓库

命令:git push 远程仓库名 master

Visual Studio Code配置GitHub(Win7环境)

重新刷新远程仓库,即可看到本地仓库内容已上传。

六、在Visual Studio Code中使用Git和GitHub

若以上配置全部正确,那么在Visual Studio Code中就可以直接使用Git和GitHub来管理自己的项目了,不用再做任何配置。

1、暂存文件

你只要通过Visual Studio Code修改了本地仓库的任何文件或目录,都会在“源代码管理”菜单上出现数字及标志提示,其中数字代表已修改的文件个数,而字母标志“D”表示删除了文件,“M”表示了修改了已有文件的内容等等。

Visual Studio Code配置GitHub(Win7环境)

点击系统菜单,将已修改文件进行暂存,界面会对已经暂存更改和没有暂存的更改进行显示。

Visual Studio Code配置GitHub(Win7环境)

2、提交到本地仓库

单击系统菜单,然后执行“全部提交”菜单命令。

Visual Studio Code配置GitHub(Win7环境)

输入提交备注信息后回车提交到本地仓库完成。

Visual Studio Code配置GitHub(Win7环境)

3、推送至GitHub远程仓库

单击系统菜单,然后执行“推送到”菜单命令。

Visual Studio Code配置GitHub(Win7环境)

选择你自己的远程仓库的地址(环境配置好之后,此时会自动弹出选择列表供用户选择),系统就会自动将本地仓库中的文件推送至远程仓库中(网络传输需要一段时间)。

4、查看远程仓库文件

Visual Studio Code配置GitHub(Win7环境)

Visual Studio Code配置GitHub(Win7环境)

上一篇:洛谷 P1030 求先序排列 Label:None


下一篇:网站加载有商务通、商桥,定义js函数触发快商通代码