五分钟看懂推送本地项目到 GitHub新手菜鸡

简介: 五分钟看懂推送本地项目到 GitHub新手菜鸡

手把手教你使用 VS Code 推送本地项目到 GitHub (图文教程)


诸位,这里是 AIGC 创意人竹相左边,只分享验证可行的技术。(设计师自学编程踩坑经验分享)


今天我将分享如何使用 VS Code 将本地代码项目上传到 GitHub 仓库进行管理。

无论你是代码新手还是希望更高效地管理你的项目,本教程都将为你提供清晰的步骤和操作指南。


准备工作:

  • 你已经安装了 Git。
  • 你已经注册并登录了 GitHub 账号。
  • 你已经安装了 VS Code 编辑器,并且安装了 GitHub 插件。
  • 你的本地项目代码已经准备就绪。

第一步:在 GitHub 上创建新的远程仓库

  1. 打开你的 GitHub 网站(https://github.com/),登录你的账号。
  2. 创建新的仓库,填写仓库名称、描述等信息。
  3. image.png
  4. 重要: 如果你希望远程仓库一开始就包含一个开源协议文件,可以选择 Add a license 并选择一个合适的协议。 image.png
  5. 点击 “Create repository” 按钮,完成远程仓库的创建。你会看到你的仓库页面,其中包含了远程仓库的 URL。复制这个 URL,我们稍后会用到。 image.png

第二步:在本地项目中初始化 Git 并创建 .gitignore 文件

  1. 打开 VS Code,导航到你的本地项目文件夹。
  2. 打开 VS Code 的终端。
  3. 运行 git init 初始化本地 Git 仓库。
  4. 创建并编辑 .gitignore 文件,添加需要忽略的文件和文件夹(例如 venv/, __pycache__/ 等)。保存文件。 image.png
  5. 打开 VS Code 的终端(“终端” -> “新建终端”)。

在终端中,运行以下命令来初始化本地 Git 仓库:

git init

image.png

  1. 这会在你的项目目录下创建一个 .git 文件夹。本地仓库初始化后,默认的初始分支名称通常是 master
  2. 在你的项目根目录下创建一个名为 .gitignore 的文件。
  3. 编辑 .gitignore 文件,添加你不希望 Git 跟踪的文件和文件夹。一个常见的 Python 项目 .gitignore 示例如下:
venv/
__pycache__/
*.pyc
*.log
*.DS_Store
  1. 根据你的项目类型,可能需要添加其他忽略规则。保存 .gitignore 文件。


第三步:链接本地仓库和远程仓库

  1. 在 VS Code 的终端中,运行以下命令,将你的 GitHub 仓库 URL 添加为远程仓库 origin(将 https://github.com/peter-zx/IDfenxi.git 替换为你的仓库 URL):
git remote add origin https://github.com/peter-zx/IDfenxi.git

第四步:修改本地仓库名称 (如果需要)

  1. GitHub 新创建的仓库默认分支名称通常是 main,而本地 git init 后的默认分支可能是 master。为了保持一致,推荐修改本地分支名称。 image.png
  2. 在 VS Code 的终端中运行:
git branch -M main
  1. 这会将你的本地 master 分支重命名为 main。如果你本地仓库已经是 main,则跳过此步骤。第五步:拉取远程仓库内容到本地 (使用命令行)

由于远程仓库可能包含 README、LICENSE 等文件,我们需要先将其拉取到本地,以避免推送时的冲突。

  1. 打开 VS Code 的终端(“终端” -> “新建终端”)。
  2. 运行以下命令来拉取远程 originmain 分支内容到你的本地 main 分支:
git pull origin main
  1. 这个命令会尝试将远程 origin/main 分支的更改合并到你当前的本地 main 分支。如果这是你第一次拉取,它会下载远程仓库的文件。
    image.png

第六步:暂存和提交你的本地代码

  1. 在“源代码管理”视图的“更改” (Changes) 区域,点击加号 (+) 暂存你的代码文件。
  2. 在顶部的文本框中输入提交消息。 image.png
  3. 点击对勾 () 图标提交。
    image.png

第七步:推送本地代码到远程仓库

  1. 点击 VS Code 源代码管理视图顶部的向上箭头 () 图标(推送)。
  2. image.png

image.png


AIGC 创意人竹相左边,

只分享验证可行的技术。

(设计师自学编程踩坑经验分享)


点个关注 点个赞吧~~~

持续爆肝

相关文章
|
5月前
|
JSON Kubernetes 安全
找到啦,我们已上车,Github 27000+ star,研发团队必备开源工具项目,真丝滑!!!
Trivy 是一款高效灵活的开源安全扫描工具,支持容器镜像、文件系统、Kubernetes 等多目标扫描,具备快速、易用、集成性强等特点,适用于 DevSecOps 全流程安全检测。
222 0
|
4月前
|
人工智能 JavaScript 前端开发
Github 2024-10-28 开源项目周报 Top15
本周GitHub热门项目涵盖Svelte、Open Interpreter、PowerShell等,涉及Web开发、AI助手、自动化工具等领域,Python、JavaScript为主流语言,展现开源技术活跃生态。(239字)
507 19
|
4月前
|
人工智能 JavaScript 前端开发
Github 2024-11-04 开源项目周报 Top14
本周GitHub热门项目涵盖屏幕截图转代码、网页监控、低代码开发等。Python与TypeScript主导,亮点项目包括AI生成代码工具、开源社交应用Bluesky及机器人框架LeRobot,展现AI与自动化技术的快速发展趋势。
254 15
|
4月前
|
人工智能 JavaScript Docker
Github 2024-11-11 开源项目周报 Top15
本周GitHub热门项目涵盖多领域:Python与TypeScript领跑,包括屏幕截图转代码、本地文件共享、PDF处理、AI开发代理等。亮点项目如screenshot-to-code、LocalSend、OpenHands及Diagrams,兼具创新与实用性,广受开发者关注。
332 13
|
4月前
|
人工智能 算法 JavaScript
Github 2024-10-14 开源项目周报 Top14
本周GitHub热门项目共14个,Python项目占7席。涵盖算法实现、生成式AI、金融分析、目标检测等领域,包括TheAlgorithms系列、OpenBB金融平台、Ultralytics YOLO11、Manim动画框架等,展现开源技术多元发展态势。
176 8
|
4月前
|
人工智能 Rust JavaScript
Github 2024-10-07 开源项目周报 Top15
本周GitHub热门项目共15个,Python项目占比最高达7个。榜首为Python算法实现集合TheAlgorithms/Python,Star数超17万;其他亮点包括Godot游戏引擎、OpenBB金融平台、ToolJet低代码框架及新兴AI相关项目如Crawl4AI、Llama Stack等,涵盖游戏、金融、AI、理财等多个领域。
192 4
|
4月前
|
人工智能 Rust 算法
Github 2024-09-30 开源项目周报 Top15
本周GitHub热门项目揭晓:Python主导,AutoGPT居首,涵盖AI、编程、数学动画等领域,助力开发者探索前沿技术。
168 4
|
4月前
|
人工智能 JavaScript 前端开发
Github 2024-09-16 开源项目周报 Top14
本周GitHub热门项目涵盖Python、TypeScript、Go等语言,React居首。亮点包括微软PowerToys、Node版本管理器、AI证件照工具HivisionIDPhotos及端侧大模型MiniCPM等。
164 2
|
4月前
|
Rust JavaScript 安全
Github 2024-09-02 开源项目周报 Top13
本周GitHub热门项目涵盖AI、开发工具与开源替代品。包括Notion替代AppFlowy、Airtable替代NocoDB、云平台Coolify及可观察性平台OpenObserve等,涉及Python、TypeScript、Rust等语言,聚焦效率、隐私与自动化。
246 1
|
5月前
|
人工智能 编解码 JSON
不看后悔!GitHub 开源 MultiTalk .8k star 强大的人语音+图像绑定项目
MultiTalk 是 GitHub 上的开源项目,具备音频驱动、多人对话视频生成功能。支持多路音频与图像绑定,实现高同步唇动与角色互动,适用于教学、虚拟人及短视频创作,已获 8k 星标。
453 0