vscode提交代码到Gitee(保姆教程)

开源 0

Visual Studio Code(VSCode) 提交代码到Gitee(保姆教程)

  • 1 相关知识
    • 1.1 GIT简介
    • 1.2 git基本使用
  • 2 环境配置
    • 2.1 git本地安装
    • 2.2 Vscode安装
    • 2.3 配置注册gitee账号
  • 3 Vscode代码提交到Gitee
    • 3.1 新建仓库
    • 3.2 Vscode提交代码

1 相关知识

1.1 GIT简介

在这里插入图片描述

Git是一款开源的分布式版本控制系统,由Linus Torvalds于2005年开发。Git的主要作用是追踪文件的改动,记录版本历史,支持分支管理,实现代码审查以及远程协作,帮助开发人员更有效地管理代码并协调多个开发人员之间的工作。

Git的核心概念包括版本库、工作区、暂存区、分支等。版本库是Git用于存储和管理代码的地方,它包含了所有的历史版本和元数据。工作区是开发人员实际操作代码的地方,而暂存区则是用于临时存放将要提交的更改。分支则是用于隔离开发环境,使得开发人员可以在不同的分支上进行开发,并在需要时合并分支。

1.2 git基本使用

在这里插入图片描述

  1. 安装Git:可以从官方网站下载安装包,根据安装指引完成安装。
  2. 初始化Git仓库:在需要管理的项目目录中,执行git init命令来初始化Git仓库。
  3. 添加文件:使用git add命令将需要追踪的文件添加到暂存区。
  4. 提交更改:使用git commit命令将暂存区的更改提交到版本库,并添加相应的提交信息。
  5. 查看版本历史:使用git log命令查看版本历史,包括所有的提交记录。
  6. 回滚到任意版本:使用git reset命令回滚到任意一个版本。
  7. 分支管理:使用git branch命令创建或切换分支,使用git merge命令合并分支。
  8. 代码审查:使用git diff命令查看文件的更改内容,并使用git blame命令查看每个更改的详细信息。
  9. 远程协作:使用git clone命令克隆远程仓库,使用git push命令将本地的更改推送到远程仓库,使用git pull命令从远程仓库拉取最新的更改。
    在这里插入图片描述

2 环境配置

  • 电脑需要已经安装好的Vscode
  • 已经配置完成的node环境(既然到提交代码的地步,相信你已经安装完成了,不会的可以在我主页找相关教程)
  • 配置注册gitee账号
  • 本地下载git

2.1 git本地安装

官网下载,并安装
官网地址:Git官网下载
根据自己电脑环境进行选择下载安装,这里以Windows为例
在这里插入图片描述
点击Windows 选择稳定版本
根据自己电脑环境选择32位或者64位进行安装,这里以64位为例
在这里插入图片描述
右键选择管理员安装
在这里插入图片描述
一步步安装即可
右击桌面显示如下,证明安装成功
在这里插入图片描述

2.2 Vscode安装

Visual Studio Code官网下载
选择适合自己电脑的版本进行安装,
在这里插入图片描述

官网下载较慢,可以选择电脑上的电脑管家进行安装。

2.3 配置注册gitee账号

可参考IDEA 上传到gitee 详细步骤(适合初学者)中的gitee账号注册

码云官网

3 Vscode代码提交到Gitee

3.1 新建仓库

注册账号,进入gitee首页,点击右上角【新建仓库】
在这里插入图片描述
输入仓库名,点击【创建】
在这里插入图片描述
在这里插入图片描述
创建好的样子
在这里插入图片描述
本页面不要关闭,后续有用,记住这里的Https的地址
在这里插入图片描述

3.2 Vscode提交代码

  • (1) 点击左侧【源码管理】
    在这里插入图片描述

  • (2) 点击【初始化仓库】
    在这里插入图片描述

  • (3) 速度很快,自动初始化本地仓库
    在这里插入图片描述

  • (4) 输入备注信息然后提交
    在这里插入图片描述

  • (5)找到添加远程存储库
    在这里插入图片描述

  • 从URL添加远程存储库
    在这里插入图片描述

  • (7) 添加仓库名
    在这里插入图片描述
    在这里插入图片描述

  • (8)点击左侧的【发布Branch】
    在这里插入图片描述

  • (9)首次提交需要输入自己的Gitee账号密码
    在这里插入图片描述

  • (10)输入完成,自己提交
    在这里插入图片描述

  • (11)提交成功
    返回刚才创建的Gitee仓库刷新,即可看到刚才提交的代码
    在这里插入图片描述
    请添加图片描述

也许您对下面的内容还感兴趣: