← 返回目录

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

刚才存的档,现在还在你自己电脑里。万一电脑坏了、丢了,档就全没了。所以我们要把它传去网上备份。这个"网上存代码的地方"叫 Gitee(一个免费网站,相当于中国版 GitHub)。把本地档传上去,这一步就叫 push(推送)

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

点"下一步 ▶",从注册 Gitee 到代码传上网。

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 把那串地址粘在这儿

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 密码 → 刷新网页看到代码