首页 教程 开发工具 如何将vscode的代码同步到github(简化版)

如何将vscode的代码同步到github(简化版)

一、安装VSCode和git

1、VSCode下载和安装

参考:VS Code安装与配置_vscode-CSDN博客

2、git下载和安装

参考:git的安装与配置教程-超详细版_git安装及配置教程-CSDN博客

3、github账号的注册

github官网: GitHub: Let’s build from here · GitHub

需要重点关注的是 git的“配置”:

1)利用git将github的账户名和邮箱配置到本地(参见“git下载和安装”部分);

2)查看.gitconfig文件,确认配置成功

4、新建github仓库(repository)

在github主页中,新建仓库:

如何将vscode的代码同步到github(简化版)

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

如何将vscode的代码同步到github(简化版)

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

1)按下快捷键‘Ctrl+Shift+P’,显示命令面板。在命令面板的‘>’后,输出git。

在下拉菜单中选择“Git:克隆”

如何将vscode的代码同步到github(简化版)

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

如何将vscode的代码同步到github(简化版)

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

如何将vscode的代码同步到github(简化版)

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

如何将vscode的代码同步到github(简化版)

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

如何将vscode的代码同步到github(简化版)

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

如何将vscode的代码同步到github(简化版)

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

如何将vscode的代码同步到github(简化版)

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

如何将vscode的代码同步到github(简化版)

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

如何将vscode的代码同步到github(简化版)

如何将vscode的代码同步到github(简化版)如何将vscode的代码同步到github(简化版)

如何将vscode的代码同步到github(简化版)

6. 将本地代码推送到github

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

如何将vscode的代码同步到github(简化版)

如何将vscode的代码同步到github(简化版)

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

如何将vscode的代码同步到github(简化版)

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

如何将vscode的代码同步到github(简化版)

4)再次点击“源代码管理”菜单栏中的“同步更改”如何将vscode的代码同步到github(简化版)

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

如何将vscode的代码同步到github(简化版)

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

Good luck!

评论(0)条

提示:请勿发布广告垃圾评论,否则封号处理!!

    猜你喜欢
    【MySQL】用户管理

    【MySQL】用户管理

     服务器/数据库  2个月前  2.15k

    我们推荐使用普通用户对数据的访问。而root作为管理员可以对普通用户对应的权限进行设置和管理。如给张三和李四这样的普通用户权限设定后。就只能操作给你权限的库了。

    Cursor Rules 让开发效率变成10倍速

    Cursor Rules 让开发效率变成10倍速

     服务器/数据库  2个月前  1.21k

    在AI与编程的交汇点上,awesome-cursorrules项目犹如一座灯塔,指引着开发者们驶向更高效、更智能的编程未来。无论你是经验丰富的老手,还是刚入行的新人,这个项目都能为你的编程之旅增添一抹亮色。这些规则文件就像是你私人定制的AI助手,能够根据你的项目需求和个人偏好,精确地调教AI的行为。突然间,你会发现AI不仅能理解Next.js的最佳实践,还能自动应用TypeScript的类型检查,甚至主动提供Tailwind CSS的类名建议。探索新的应用场景,推动AI辅助编程的边界。

    探索Django 5: 从零开始,打造你的第一个Web应用

    探索Django 5: 从零开始,打造你的第一个Web应用

     服务器/数据库  2个月前  1.13k

    Django 是一个开放源代码的 Web 应用程序框架,由 Python 写成。它遵循 MVT(Model-View-Template)的设计模式,旨在帮助开发者高效地构建复杂且功能丰富的 Web 应用程序。随着每个版本的升级,Django 不断演变,提供更多功能和改进,让开发变得更加便捷。《Django 5 Web应用开发实战》集Django架站基础、项目实践、开发经验于一体,是一本从零基础到精通Django Web企业级开发技术的实战指南《Django 5 Web应用开发实战》内容以。

    MySQL 的mysql_secure_installation安全脚本执行过程介绍

    MySQL 的mysql_secure_installation安全脚本执行过程介绍

     服务器/数据库  2个月前  1.08k

    mysql_secure_installation 是 MySQL 提供的一个安全脚本,用于提高数据库服务器的安全性

    【MySQL基础篇】概述及SQL指令:DDL及DML

    【MySQL基础篇】概述及SQL指令:DDL及DML

     服务器/数据库  2个月前  483

    数据库是长期存储在计算机内的、有组织的、可共享的、统一管理的大量数据的集合。数据库不仅仅是数据的简单堆积,而是遵循一定的规则和模式进行组织和管理的。数据库中的数据可以包括文本、数字、图像、音频等各种类型的信息。

    Redis中的哨兵(Sentinel)

    Redis中的哨兵(Sentinel)

     服务器/数据库  2个月前  309

    ​ 上篇文章我们讲述了Redis中的主从复制(Redis分布式系统中的主从复制-CSDN博客),本篇文章针对主从复制中的问题引出Redis中的哨兵,希望本篇文章会对你有所帮助。