一、Visual Studio Code安装

官网下载地址:https://code.visualstudio.com/

Visual Studio Code是一个精简版的迷你Visual Studio,并且可以跨平台,Windows、Mac、Linux通用。

二、Git安装

官网下载地址:https://git-scm.com/downloads

安装步骤请参考:Git for Windows安装

※复制生成的公钥用于下一步:

一般在C盘的用户目录下,会生成一个.ssh文件夹,里面有一个“id_rsa.pub”文件,打开之后复制全部内容

vscode github copilot 安装了没效果_github

三、GitHub注册

网站:https://github.com/

正确登录之后,需要配置SSH公钥:

(1)单击右上角的用户图标,选中“settings”

(2)单击左侧“SSH and GPG keys”,之后点击画面右上角的“New SSH key”按钮

(3)在Title中随意输入,然后在key中粘贴步骤二中Git安装生成的公钥

(4)之后单击“Add SSH key”就完成公钥的配置了

vscode github copilot 安装了没效果_visual studio_02

四、本地仓库和远程库的关联

篇幅较长,详细步骤请参考:Git本地仓库和GitHub远程库的关联步骤

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

1、先在Visual Studio Code中设置Git

点击"File"->"Preferences"->"Settings"

vscode github copilot 安装了没效果_Visual_03

然后搜索"gitpath",点击"Edit in settings.json"

vscode github copilot 安装了没效果_visual studio_04

在文件的"git.path"后输入Git的路径,保存之后,重启Visual Studio Code即可

vscode github copilot 安装了没效果_github_05

2、使用Visual Studio Code编辑本地仓库中的文件

vscode github copilot 安装了没效果_Code_06

并新加一个testFile2文件,保存之后,会看到“源代码管理”图标上有数字显示(表示有多少个文件发生变化)

“M”代表已经在GitHub中添加过该文件,然后修改了文件内容;

“U”代表在本地新建了该文件,还未提交到GitHub

“D”代表删除了该文件

vscode github copilot 安装了没效果_Code_07

3、使用Visual Studio Code将文件放至暂存区

点击“...”->“Stage All Changes",暂存所有更改

vscode github copilot 安装了没效果_github_08

会看到刚刚的文件移动到了staged changes下

vscode github copilot 安装了没效果_visual studio_09

4、使用Visual Studio Code将文件提交到本地仓库

点击“...”->“Commit All",将暂存区的文件全部提交

vscode github copilot 安装了没效果_github_10

点击之后在上方的文本框中输入提交的备注,如何回车即可完成提交

vscode github copilot 安装了没效果_Visual_11

可看到刚刚的文件变更已经不见了

vscode github copilot 安装了没效果_Visual_12

5、使用Visual Studio Code将文件同步到GitHub远程库

点击“...”->“Push to..."

vscode github copilot 安装了没效果_Code_13

正常配置没有问题的话,会自动弹出远程仓库的地址列表供我们选择,点击即可将本地修改同步到远程库

vscode github copilot 安装了没效果_Code_14

6、在GitHub查看远程库状态

会看到文件已经同步了

vscode github copilot 安装了没效果_visual studio_15

以上就是Visual Studio Code结合Git与GitHub的完整步骤。