问小白 wenxiaobai
资讯
历史
科技
环境与自然
成长
游戏
财经
文学与艺术
美食
健康
家居
文化
情感
汽车
三农
军事
旅行
运动
教育
生活
星座命理

如何将VSCode的代码同步到GitHub(简化版)

创作时间:
作者:
@小白创作中心

如何将VSCode的代码同步到GitHub(简化版)

引用
CSDN
1.
https://blog.csdn.net/hawkchow/article/details/139437546

在当今的软件开发领域,版本控制和代码托管是必不可少的技能。本文将手把手教你如何使用VSCode将本地代码同步到GitHub,让代码管理变得更加轻松高效。

一、安装VSCode和git

  1. VSCode下载和安装
    参考:VS Code安装与配置

  2. git下载和安装
    参考:git的安装与配置教程

  3. github账号的注册
    GitHub官网:GitHub

需要重点关注的是 git的“配置”:
1)利用git将GitHub的账户名和邮箱配置到本地(参见“git下载和安装”部分);
2)查看.gitconfig文件,确认配置成功

4. 新建GitHub仓库(repository)

在GitHub主页中,新建仓库:

在仓库创建(Create a new repository)页面,逐次对必填项(Repository name)和选填项(Description、Public/Private、Add a README file等)进行设置,然后点击“Create repository”,创建一个新的仓库。

5. 通过VSCode,从GitHub添加远程存储库到本地

1)按下快捷键‘Ctrl+Shift+P’,显示命令面板。在命令面板的‘>’后,输出git。
在下拉菜单中选择“Git:克隆”

2) 界面会提示“提供仓库URL或选择仓库源”

3) 在GitHub对应的仓库(repository)(如,test_3)中,“Code”的下拉菜单中,选择复制仓库的URL(如,https://github.com/***/test_3.git),并将该URL填入第2步的VSCode界面对应的输入框中。

4)VSCode的命令界面会显示GitHub上对应的存储库,点击“从GitHub克隆”

5)VSCode软件会弹出如下对话框,选择“允许”

6)在第5步选择“允许”后,默认浏览器会提示

7)选择“打开Visual Studio Code”后,VSCode软件的命令界面会形成下拉菜单,选择你需要从GitHub克隆到本地的仓库(如下所示)

8)选择将GitHub仓库克隆到本地的文件夹:

9)选择“添加到工作区”,会发现“源代码管理”和“资源管理器”里面已经有仓库“test_3”的内容(“README.md”作为新建仓库时的文件已经下载到本地的文件夹中)

6. 将本地代码推送到GitHub

1)在本地仓库“test_3”的文件夹下,新建代码文件hello.py,“源代码管理”和“资源管理器”里显示更新内容,在“源代码管理”里点击“提交”,即可将本地更新内容推送到GitHub

2)可以选择“保存所有和提交更改”,或者仅选择“提交更改”。

3)在“COMMIT_EDITMSG”中,可以输入文档说明(如在第11行输入 print "hello world"),然后点击右上角的勾√(“接收提交消息”)

4)再次点击“源代码管理”菜单栏中的“同步更改”

5)刷新GitHub仓库“test_3”所在的网页,会发现我们在本地新建的代码文件已经传递到GitHub上对应的仓库里了。

当然,这是我认为最简单的一种方式,等熟悉以后,可以尝试使用Git Bash终端和SSH密钥等方法。

Good luck!

© 2023 北京元石科技有限公司 ◎ 京公网安备 11010802042949号