在vscode 中使用Git -- 已有项目添加到git

时间:2023-03-10 06:58:24
在vscode 中使用Git -- 已有项目添加到git

  本文使用与在已经存在本地项目的情况下将本地项目添加到git中管理,本地不存在项目则可以直接从Git上克隆下来后再创建项目目录更方便。

  1. 创建远程Git 仓库

    如果Git 仓库已存在,可直接参考下一部,不存在请先创建一个Git 仓库。
    本示例设置仓库如下:
    在vscode 中使用Git -- 已有项目添加到git
  2. 初始化本地Git 项目

    打开本地项目目录在项目文件夹中邮件打开git bash(如果本地没有安装git 请自行安装)

    在vscode 中使用Git -- 已有项目添加到git

    在bash 终端执行git init命令,初始化一个本地git库,初始化后可以在项目目录下看到一个.git目录

    在vscode 中使用Git -- 已有项目添加到git

    此时说明改目录已经是受git控制的目录了,接下来需要将代码提交到本地仓库。
    主要git 命令如下:  
      git add *                                                                将项目目录下所有文件添加到本地git管理
            在vscode 中使用Git -- 已有项目添加到git
           git commit -m '第一次提交本地项目代码'              提交项目代码到本地git 仓库
           在vscode 中使用Git -- 已有项目添加到git

    至此本地代码仓库已经创建完成,并已经将项目代码提交到本地git仓库

  3. 绑定本地Git仓库和远程Git仓库
    本文使用Token认证的方式访问远程Git,故作如下配置
    git remote add origin https://oauth2:you_git_url/FS/projectpath
    在vscode 中使用Git -- 已有项目添加到git

    由于本地仓库和远程仓库没有关联,git认为不一致防止出现错误提交,因此在pull或者push代码的时候会被拒,如下图:
    git push -u origin master
    在vscode 中使用Git -- 已有项目添加到git

    此时需要设置允许本地仓库和远程仓库合并,使用如下pull命令合并两个仓库,执行完后会弹出提示需要输入一个comments,根据弹出框用vi的方式输入comments保存即可。
    git pull origin master --allow-unrelated-histories
    在vscode 中使用Git -- 已有项目添加到git

    至此绑定完成,接下来可以直接在VSCode中使用Git 管理本地项目

  4. 设置vscode 
    以上Git 操作完成后,到vscode中即可使用git 操作,前提是vscode已经安装git扩展(貌似新版本的自带git管理,如果没有请按照扩展)。
    打开VSCODE,打开项目目录,在源码控制栏下即可看到项目项目的git信息
    在vscode 中使用Git -- 已有项目添加到git

    以上CHANGES变更列表中即可看到变化过的脚本,可以通过vscode直接提交代码。
    在vscode 中使用Git -- 已有项目添加到git

    点击标记部分提交按钮或者菜单中的commit功能即可提变化的代码到本地git,输入comments后回车即可提交到本地git。
    在vscode 中使用Git -- 已有项目添加到git

    配置完成后,在vscode中使用push或者pull操作时如果出现如下错误:
    If you wish to set tracking information for this branch you can do so with:
    git branch --set-upstream-to=origin/<branch> master
    按照提示执行即可git branch --set-upstream-to=origin/<branch> master命令即可,如果执行这个命令也报错,请先执行git checkout master绑定本地gitmaster分支,然后执行次命令。
    在vscode 中使用Git -- 已有项目添加到git

    以上步骤都执行完成即可在vscode中直接使用git操作,下面以push为例:
    push后可在vscode输出中看到git的log信息。
    在vscode 中使用Git -- 已有项目添加到git

    打开远程git页面,刷新即可看到通过vscode Push上来的代码:
    在vscode 中使用Git -- 已有项目添加到git

    在VSCODE中配置git 的大概步骤如此,按照次流程配置基本都能成功,如果配置过程中出现个别问题请自行百度解决。