← 返回目录

5. 把存档传到网上:Gitee 和 push

把本地存档传到网上:在 Gitee 建远程仓库,git remote add 关联,git push 推送。

核心三步:
Gitee 建仓库——网页上新建空仓库
git remote add origin 地址——关联远程仓库
git push -u origin master——第一次推送

坑:远程仓库不能有 README(空仓库)、push 要输 Gitee 账号密码、-u 是第一次设置默认分支

5.1 互动演示:第一次传上网,七步走

点「下一步 ▶」,看本地已存好的档怎么传去 Gitee:

工作区
你在改的文件夹
index.html
暂存区
打包筐
index.html
版本库
已存好的档
index.html
远程
Gitee 网上
index.html
点「下一步 ▶」开始,这里会显示每一步敲的命令。

5.2 讲解

① 先在 Gitee 上建一个"空仓库"

远程仓库这个词听着玄,其实就是在 Gitee 网站上建一个空文件夹,专门用来装你传上去的代码。步骤:

# 1. 打开 gitee.com 注册个账号( 像注册 QQ 一样)

# 2. 右上角头像→ 账号设置→ 邮箱设置: 把邮箱绑好
#( 不绑邮箱, 后面传不上去)

# 3. 右上角「 + 」→新建仓库
# - 仓库名随便起, 比如 my - web
# - 一定要选「 私有」( 自己的作业别公开)
# - 点「 创建」

# 4. 创建好后, 页面上会给你一串地址, 长这样:
# https://gitee.com/你的用户名/my-web.git ← 把这串地址复制下来

② 把本地文件夹和这个网上空文件夹"绑起来"

回到 VS Code,点源代码管理面板右上角的三个点 … → 远程 → 添加远程,把刚才那串地址粘进去:

git remote add origin https://gitee.com/你的用户名/my-web.git
  # 命令: 把本地文件夹和网上仓库绑起来
# origin 是给网上仓库起的外号( 大家都这么叫)
# 后面那串地址就是第 4 步复制下来的

origin 是啥?它只是给"网上那个仓库"起的外号,你叫它"老王"也行,但全世界程序员都默认叫 origin,你起别的名别人就看不懂了。

③ 第一次传上去:写 main 还是 master

# 第一次传, 要把本地主线推上去并 "绑线"
git push -u origin main
# 命令: 把本地存档传上网
# - u 帮你绑线( 以后直接 git push 就行, 不用再写一长串)
# origin 是网上仓库的外号, main 是本地这条线的名字

# 如果你 VS Code 左下角显示的是 master, 那就改写成:
git push -u origin master

如果你写 main 但你本地其实叫 master,会怎样?因为名字对不上,Git 会报错,或者在网上多冒出来一条空线。判断办法很简单:VS Code 左下角显示啥就写啥

传的时候会弹窗让你输入 Gitee 网站的账号密码——注意是你在 gitee.com 注册时的密码,不是你电脑开机密码。输完刷新网页,就能看到你的文件了。

实战:用在哪 / 常见坑 / 怎么解决

① 在哪用:第一次把本地项目传到 Gitee、或换了远程仓库地址时。

② 常见坑:推送弹窗要密码却输成电脑开机密码;本地分支叫 master 却写成 main,结果报错或多一条空线。

③ 怎么解决:弹窗输 Gitee 网站的账号密码;看 VS Code 左下角分支名,叫 main 还是 master 就 push 啥。

一句话记住:Gitee 建私有空仓库 → 复制那串地址 → VS Code 把它绑成 origin → git push -u origin main → 输 Gitee 密码 → 刷新网页看到代码

本页命令速查

命令作用常用参数说明代码示例
git remote add origin绑远程Gitee 地址把本地文件夹和 Gitee 仓库绑成 origingit remote add origin https://gitee.com/你的用户名/my-web.git
git push -u origin main第一次传-u origin main上传并记住以后默认推到哪(master 就写 master)git push -u origin main