一、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”文件,打开之后复制全部内容

三、GitHub注册

网站:https://github.com/

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

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

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

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

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

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

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

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

1、先在Visual Studio Code中设置Git

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

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

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

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

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

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

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

“D”代表删除了该文件

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

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

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

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

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

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

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

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

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

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

6、在GitHub查看远程库状态

会看到文件已经同步了

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

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐