vscode代码推送到github库菜鸡专用教程

本文涉及的产品
实时数仓Hologres,5000CU*H 100GB 3个月
实时计算 Flink 版,5000CU*H 3个月
智能开放搜索 OpenSearch行业算法版,1GB 20LCU 1个月
简介: vscode代码推送到github库菜鸡专用教程

见字如面,

这里是AIGC创意人_竹相左边,

正在通过AI自学软硬件工程师,目标手搓可回收火箭玩具。


我是大白菜鸡,最近着迷vscode写小工具脚本。尝到了git管理项目迭代的甜头,苦于自己记不清流程。

特此实操整理经验笔记,方便自己查看,也方便同行的素未谋面的您。


步骤内容为google Gemini梳理整理,但是配图全是自己实操记录。

关注竹相左边,只分享验证可行的技能经验。


总结一个浓缩的、可执行的流程模板,帮助您在本地使用 VS Code 开发项目并推送到 GitHub,强化您的记忆,确保每次操作不出错。

核心目标:将本地项目代码安全地同步到您的 GitHub 仓库。

流程模板:本地开发到 GitHub 推送


一、首次推送项目模板(假设您已经在 GitHub 上创建了一个空的仓库):

  1. 在本地创建/打开项目文件夹:
  • 如果您已经有本地项目文件夹,就在 VS Code 中打开它 (文件 -> 打开文件夹...)。
  • 如果您还没有项目文件夹,先在本地创建一个。


创建 .gitignore 文件:

  • 在您的项目根目录下(最顶层的文件夹),创建一个名为 .gitignore 的新文件(注意文件名开头有一个点)。
  • 在这个文件中,添加您想要 Git 忽略的文件和文件夹的模式,每一行一个。
  • 对于 Python 项目,通常需要忽略 venv 文件夹,所以请在 .gitignore 文件中添加一行:
venv/
  • 您还可以添加其他需要忽略的文件或文件夹,例如:
venv/
.vscode/
__pycache__/
*.pyc
*.log
node_modules/  # 如果您的项目包含前端代码
.env          # 如果您有存储敏感信息的环境变量文件
  • 您可以在网上搜索针对您使用的编程语言和框架的常见 .gitignore 模板。

image.png


  1. 在 VS Code 中初始化 Git 仓库(如果尚未初始化):
  • 打开 VS Code 的源代码管理面板(通常是左侧边栏的第三个图标,看起来像一个分支)。
  • 如果看到 "初始化存储库" 按钮,点击它。
  • image.png
  • 或者,您可以在 VS Code 的终端中运行命令:git init
  1. 添加您的项目文件到暂存区:
  • 在源代码管理面板中,您会看到 "更改" 下列出了所有未跟踪的文件。
  • 点击 "+" 号图标将单个文件添加到暂存区。
  • 或者,点击 "更改" 标题旁边的 "+" 号图标,将所有更改添加到暂存区。
  • 您也可以在终端中运行命令:git add . (注意 . 代表当前目录下的所有文件和文件夹)

image.png

  1. 提交您的更改到本地仓库:
  • 在源代码管理面板顶部的文本框中输入您的提交消息,描述这次提交的内容(例如:"Initial commit of project template")。
  • 点击“提交”按钮(或 Ctrl+Enter),将暂存区的更改提交到本地仓库。

image.png image.png

5.关联您的本地仓库到远程 GitHub 仓库:

  • 复制您在 GitHub 上创建的空仓库的 HTTPS 或 SSH 地址。您可以在 GitHub 仓库页面上找到 "Code" 按钮,点击后会显示地址。
  • 在 VS Code 的终端中运行命令,将 YOUR_GITHUB_REPOSITORY_URL 替换为您复制的地址:
  • 使用 HTTPS: git remote add origin YOUR_GITHUB_REPOSITORY_URL
  • 使用 SSH: git remote add origin YOUR_GITHUB_REPOSITORY_URL
  • origin 是远程仓库的默认别名,您可以根据需要更改,但通常使用 origin

image.png

image.png

image.png

回到 vscode 中,找到终端 输入 代码进行关联


  • 在 VS Code 的终端中运行命令,将 YOUR_GITHUB_REPOSITORY_URL 替换为您复制的地址:
  • 使用 HTTPS: git remote add origin YOUR_GITHUB_REPOSITORY_URL

git remote add origin https://github.com/peter-zx/giehub_demo.git
image.png


6.将本地提交推送到远程 GitHub 仓库:

  • 在 VS Code 的源代码管理面板中,点击 "..." 菜单,然后选择 "推送"。
  • 或者,在终端中运行命令:git push -u origin main (如果您的主分支是 main) 或 git push -u origin master (如果您的主分支是 master)。
  • -u 参数会将本地分支与远程分支关联起来,下次推送时只需要运行 git push 即可。

image.png


二、个人使用心得 踩坑笔记

  1. 网页github中没有本地文件夹代码文件内容?
  1. 在 推送的时候 注意输入正确的 分支名称
  2. 在创建 github 仓库的时候,会默认 main 分支
  3. 但是在vscode 推送中 会默认 master
  4. 我们菜鸡使用推送 可能会遇到默认main分支没有本地内容,大概率这个问题导致的。
  5. image.png

三. 解决方案

  1. 使用正确的命令 进行推送
  2. image.png
  3. 或者选择在vscode中 填写正确分支。
  4. image.png
  5. image.png


知识拓展

1.常用命令

git branch -a 查看本地仓库当前所在分支以及远程仓库的主分支信息

image.png

本地当前分支为 master

远程仓库存在一个  main 分支,一个 master 分支。


git remote -v 查看当前远程仓库的配置


git checkout -b main 创建并切换到本地 main 分支


git push -u main main 将本地 main 分支与远程 main 分支关联并推送。


今天先写到这里,太困了。

看到这里点个关注吧!后面分享更多验证可行的AI编程技术。





目录
打赏
0
2
3
0
56
分享
相关文章
CompreFace:Star6.1k,Github上火爆的轻量化且强大的人脸识别库,api,sdk都支持
CompreFace 是一个在 GitHub 上拥有 6.1k Star 的轻量级人脸识别库,支持 API 和 SDK。它由 Exadel 公司开发,基于深度学习技术,提供高效、灵活的人脸识别解决方案。CompreFace 支持多种模型(如 VGG-Face、OpenFace 和 Facenet),具备多硬件支持、丰富的功能服务(如人脸检测、年龄性别识别等)和便捷的部署方式。适用于安防监控、商业领域和医疗美容等多个场景。
ollama + qwen2.5-coder + VS Code + Continue 实现本地AI 辅助写代码
本文介绍在Apple M4 MacOS环境下搭建Ollama和qwen2.5-coder模型的过程。首先通过官网或Brew安装Ollama,然后下载qwen2.5-coder模型,可通过终端命令`ollama run qwen2.5-coder`启动模型进行测试。最后,在VS Code中安装Continue插件,并配置qwen2.5-coder模型用于代码开发辅助。
13509 7
vscode推送项目到github仓库故障解决1
本文介绍了如何优雅解决本地仓库与远程仓库历史记录不一致的问题,并提供避免未来问题的最佳实践。核心在于理解问题根源(如历史记录差异和常见原因),采用推荐的解决方案(先本地初始化再关联远程仓库),并遵循一致的工作流程、团队协作规范及熟悉 Git 命令。通过强制推送或合并无关历史记录等方式处理现有冲突,同时养成良好习惯以预防类似问题。
Cline:29.7K Star!一文详解VSCode最强开源AI编程搭子:一键生成代码+自动跑终端+操控浏览器...
Cline 是一款集成于 VSCode 的 AI 编程助手,支持多语言模型,实时检查语法错误,帮助开发者提高编程效率。通过智能化手段,Cline 可以生成代码、执行终端命令、调试 Web 应用,并扩展更多功能。
511 5
git使用之如何将一套代码同时推送至github|gitee|gitcode|gitlab等多个仓库-含添加ssh-优雅草央千澈完美解决-提供整体提交代码
git使用之如何将一套代码同时推送至github|gitee|gitcode|gitlab等多个仓库-含添加ssh-优雅草央千澈完美解决-提供整体提交代码
125 16
git使用之如何将一套代码同时推送至github|gitee|gitcode|gitlab等多个仓库-含添加ssh-优雅草央千澈完美解决-提供整体提交代码
Marp 教程:如何在 VSCode 中引入自定义样式和主题
本文介绍了如何在 Marp 中引入自定义样式和主题,使你的幻灯片更加个性化和独特。首先,你需要安装 VSCode 和 Marp 插件,了解 Marp 的基本结构。接着,通过创建自定义 CSS 文件并在 Markdown 文件中引入,实现样式定制。此外,还可以创建和使用自定义主题,以及进行高级自定义,如调整布局、引入自定义字体和定义复杂动画。最后,使用 Marp 的预览功能实时查看效果。
287 0
|
3月前
|
Marp 教程:使用 VSCode 编写专业 PPT
Marp 是一款基于 Markdown 的幻灯片制作工具,结合 VSCode 的强大编辑功能,可让你高效地创建专业 PPT。本教程将指导你如何在 VSCode 中安装 Marp 插件、配置主题和样式,并使用 Markdown 语法创建和美化幻灯片。内容包括基本结构、布局、图片与图表插入、表格制作,以及高级功能如动画效果、数学公式和代码高亮。最后,你将学会如何预览和导出幻灯片。
345 0
【够用就好002】外行第一次发布github项目仓库
#deepseek#自学 记录外行学习代码的历程 今天是上传自己的工具代码到github仓库,一直以来是伸手党克隆别人的项目,今天在deepseek的辅导下上传自己的内容。
|
2月前
|
如何操作github,gitee,gitcode三个git平台建立镜像仓库机制,这样便于维护项目只需要维护一个平台仓库地址的即可-优雅草央千澈
如何操作github,gitee,gitcode三个git平台建立镜像仓库机制,这样便于维护项目只需要维护一个平台仓库地址的即可-优雅草央千澈
220 69
如何操作github,gitee,gitcode三个git平台建立镜像仓库机制,这样便于维护项目只需要维护一个平台仓库地址的即可-优雅草央千澈
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等