VSCode 连接 Gitee 实现代码拉取与更新
一、准备工作
1. 安装 Git 并配置身份
Git 是连接本地代码和 Gitee 的桥梁,必须先安装并配置:
- 下载安装 Git:访问 Git 官网,根据系统下载,安装时选默认选项。
- 验证安装:打开终端输入
git --version,显示版本号即成功。
配置 Git 身份(与 Gitee 账号一致):在终端输入以下命令(替换成你的信息):
git config --global user.name "你的 Gitee 用户名"
git config --global user.email "你的绑定邮箱"
2. 注册 / 登录 Gitee 账号
访问 Gitee 官网,用手机号注册并登录。
3. VSCode 安装 Git 辅助插件
打开 VSCode → 左侧「扩展」→ 搜索安装以下插件:
- GitLens(可视化 Git 提交记录)
- Chinese(中文语言包)
二、创建 Gitee 远程仓库
- 登录 Gitee 后,点击右上角「+」→「新建仓库」;
- 填写仓库信息:
- 仓库名称:和你本地代码文件夹名一致;
- 开源许可证:选「None」;
- 重点:不要勾选「使用 Readme 文件初始化仓库」(避免推送冲突);
- 点击「创建」,复制仓库的HTTPS 地址。
三、本地代码关联 Gitee 仓库并首次推送
方式 1:命令行操作
- 打开 VSCode → 打开代码文件夹;
- 打开终端,依次输入以下命令:
# 1. 初始化本地 Git 仓库
git init
# 2. 将所有本地代码添加到暂存区
git add .
# 3. 提交代码到本地仓库
git commit -m "首次提交:完成基础功能"
# 4. 关联远程 Gitee 仓库
git remote add origin https://gitee.com/你的用户名/仓库名.git
# 5. 推送本地代码到 Gitee(注意分支名,新版可能是 main)
git push -u origin master
方式 2:VSCode 图形化操作
- 点击左侧「源代码管理」图标;
- 点击「初始化仓库」;
- 填写提交说明 → 点击「提交」;
- 点击「…」→「远程」→「添加远程仓库」→ 粘贴 HTTPS 地址,名称填
origin; - 点击「…」→「推送」→ 输入账号密码验证。
✅ 验证:刷新 Gitee 仓库页面,能看到文件即成功。

