【前端解决方案】已有本地项目如何建立github仓库

📌 步骤 1:在本地初始化 Git(如果还没初始化)

如果你的本地项目还没有 Git 仓库,先进入你的项目目录,并初始化 Git:

复制代码
cd /你的本地项目路径
git init

这样会在你的项目中创建一个 .git 目录,Git 开始管理你的代码。

📌 步骤 2:添加 GitHub 远程仓库

执行下面的命令,把 GitHub 上的 readBook 仓库添加为远程仓库:

复制代码
git remote add origin git@github.com:xxxx.git

🔹 说明:

  • origin 是远程仓库的名称,默认使用 origin 来表示主远程仓库。
  • git@github.com:xxxx.git 是你的 GitHub 仓库地址。

你可以用 git remote -v 确认是否添加成功:

复制代码
git remote -v

如果成功,会看到类似这样的输出:

复制代码
origin  git@github.com:xxxx.git (fetch)
origin  git@github.com:xxxx.git (push)

📌 步骤 3:添加本地文件并提交

将本地项目的代码添加到 Git 版本控制中:

复制代码
git add .
git commit -m "初始化项目"

🔹 说明:

  • git add . 把所有文件添加到 Git 暂存区。
  • git commit -m "初始化项目" 把代码提交到本地仓库,并添加提交说明。

📌 步骤 4:推送代码到 GitHub

复制代码
git branch -M main  # 把本地分支重命名为 main(如果你的 GitHub 仓库默认是 main)
git push -u origin main  # 把代码推送到 GitHub

🔹 说明:

  • git branch -M main 确保本地分支与 GitHub 默认分支名称匹配(默认 GitHub 使用 main)。
  • git push -u origin main 把代码推送到 GitHub 的 main 分支,并建立关联。

如果你是第一次使用 SSH 推送代码,可能会出现 "Permission denied (publickey)" 错误,这时需要配置 SSH 密钥,参考这个命令:

复制代码
ssh-keygen -t rsa -b 4096 -C "你的GitHub邮箱"

然后把 ~/.ssh/id_rsa.pub 里的内容添加到 GitHub 账户的 SSH Keys 中。


📌 步骤 5:确认 GitHub 上的代码

推送成功后,你可以去 GitHub 仓库页面 刷新一下,应该能看到本地代码已经上传到 readBook 仓库了!🎉


🚀 总结

步骤 命令
进入本地项目 cd /你的本地项目路径
初始化 Git git init
添加远程仓库 git remote add origin git@github.com:xxxx.git
检查远程仓库 git remote -v
添加 & 提交代码 git add . + git commit -m "初始化项目"
推送到 GitHub git branch -M main + git push -u origin main
相关推荐
小毛驴8505 小时前
所有微服务部署都使用一个git地址,并且通过docker部署各个服务的情况下,如何编写mvn指令来处理各个服务。
git·docker·微服务
国王不在家6 小时前
git 切换仓库后清理分支缓存
git
摇滚侠9 小时前
Vue3入门到实战,最新版vue3+TypeScript前端开发教程,笔记02
vue
柯南二号9 小时前
【Gitlab】Ubuntu 20.04服务器部署Gitlab
git·gitlab
zhong liu bin9 小时前
Vue框架技术详解——项目驱动概念理解【前端】【Vue】
前端·javascript·vue.js·vscode·vue
phac12310 小时前
git 如何直接拉去远程仓库的内容且忽略本地与远端不一致的commit
大数据·git·elasticsearch
知识分享小能手10 小时前
React学习教程,从入门到精通,React 使用属性(Props)创建组件语法知识点与案例详解(15)
前端·javascript·vue.js·学习·react.js·前端框架·vue
知识分享小能手16 小时前
React学习教程,从入门到精通, React 属性(Props)语法知识点与案例详解(14)
前端·javascript·vue.js·学习·react.js·vue·react
赵得C20 小时前
【前端技巧】Element Table 列标题如何优雅添加 Tooltip 提示?
前端·elementui·vue·table组件