手把手教你使用 VS Code 推送本地项目到 GitHub (图文教程)
诸位,这里是 AIGC 创意人竹相左边,只分享验证可行的技术。(设计师自学编程踩坑经验分享)
今天我将分享如何使用 VS Code 将本地代码项目上传到 GitHub 仓库进行管理。
无论你是代码新手还是希望更高效地管理你的项目,本教程都将为你提供清晰的步骤和操作指南。
准备工作:
- 你已经安装了 Git。
- 你已经注册并登录了 GitHub 账号。
- 你已经安装了 VS Code 编辑器,并且安装了 GitHub 插件。
- 你的本地项目代码已经准备就绪。
第一步:在 GitHub 上创建新的远程仓库
- 打开你的 GitHub 网站(https://github.com/),登录你的账号。
- 创建新的仓库,填写仓库名称、描述等信息。
- 重要: 如果你希望远程仓库一开始就包含一个开源协议文件,可以选择 Add a license 并选择一个合适的协议。
- 点击 “Create repository” 按钮,完成远程仓库的创建。你会看到你的仓库页面,其中包含了远程仓库的 URL。复制这个 URL,我们稍后会用到。
第二步:在本地项目中初始化 Git 并创建 .gitignore
文件
- 打开 VS Code,导航到你的本地项目文件夹。
- 打开 VS Code 的终端。
- 运行
git init
初始化本地 Git 仓库。 - 创建并编辑
.gitignore
文件,添加需要忽略的文件和文件夹(例如venv/
,__pycache__/
等)。保存文件。 - 打开 VS Code 的终端(“终端” -> “新建终端”)。
在终端中,运行以下命令来初始化本地 Git 仓库:
git init
- 这会在你的项目目录下创建一个
.git
文件夹。本地仓库初始化后,默认的初始分支名称通常是master
。 - 在你的项目根目录下创建一个名为
.gitignore
的文件。 - 编辑
.gitignore
文件,添加你不希望 Git 跟踪的文件和文件夹。一个常见的 Python 项目.gitignore
示例如下:
venv/ __pycache__/ *.pyc *.log *.DS_Store
- 根据你的项目类型,可能需要添加其他忽略规则。保存
.gitignore
文件。
第三步:链接本地仓库和远程仓库
- 在 VS Code 的终端中,运行以下命令,将你的 GitHub 仓库 URL 添加为远程仓库
origin
(将https://github.com/peter-zx/IDfenxi.git
替换为你的仓库 URL):
git remote add origin https://github.com/peter-zx/IDfenxi.git
第四步:修改本地仓库名称 (如果需要)
- GitHub 新创建的仓库默认分支名称通常是
main
,而本地git init
后的默认分支可能是master
。为了保持一致,推荐修改本地分支名称。 - 在 VS Code 的终端中运行:
git branch -M main
- 这会将你的本地
master
分支重命名为main
。如果你本地仓库已经是main
,则跳过此步骤。第五步:拉取远程仓库内容到本地 (使用命令行)
由于远程仓库可能包含 README、LICENSE 等文件,我们需要先将其拉取到本地,以避免推送时的冲突。
- 打开 VS Code 的终端(“终端” -> “新建终端”)。
- 运行以下命令来拉取远程
origin
的main
分支内容到你的本地main
分支:
git pull origin main
- 这个命令会尝试将远程
origin/main
分支的更改合并到你当前的本地main
分支。如果这是你第一次拉取,它会下载远程仓库的文件。
第六步:暂存和提交你的本地代码
- 在“源代码管理”视图的“更改” (Changes) 区域,点击加号 (+) 暂存你的代码文件。
- 在顶部的文本框中输入提交消息。
- 点击对勾 (✓) 图标提交。
第七步:推送本地代码到远程仓库
- 点击 VS Code 源代码管理视图顶部的向上箭头 (↑) 图标(推送)。
AIGC 创意人竹相左边,
只分享验证可行的技术。
(设计师自学编程踩坑经验分享)
点个关注 点个赞吧~~~
持续爆肝