如何使用vscode协作git管理项目

环境准备

操作步骤

安装Git

在git官网,选择Windows平台下的最新版本下载,但是官网下载可能出现网页无法打开的问题,这里也提供国内镜像下载地址

打开下载好的安装包,如没有特殊设置,一直“next”即可。


完成之后记得重启计算机,使得Git在Windows下的环境变量生效。

注册Github并添加一个远程仓库

  • 注册一个账号
    打开Github的官网,在右上角点击“sign up”进行注册。

  • 创建一个远程仓库
    登录你的Github账户,在右上角点击你自己的头像图标打开下拉菜单,然后选择“Your repositories”


    在打开的页面中点击“New”按钮新建远程仓库。
    DmpkMq.png

    输入仓库名,比如“MyProject”,然后在选择默认新建一个“README”文件,最后点击“Create Repository”。
    DmptoD.png

    仓库主页:
    DmpDyt.png

    可以看到我们的仓库中默认添加了一个标题为“MyProject”的README文件。

添加ssh key到GitHub

  • 生成ssh key:
    在桌面或者文件管理器的空白处按鼠标右键,选择“Git Bash Here”。


    之后会弹出一个Git的黑色窗口,在这里可以输入命令行:
    DuzWFS.png

    输入指令,进入.ssh文件夹

    cd ~/.ssh/
    

    如果提示“No such file or directory”,可以手动创建一个.ssh文件夹:

    mkdir ~/.ssh
    

    配置全局的name和email,这里是的你github的name和email:

    git config --global user.name "xxx"
    
    git config --global user.email "xxx@xx.com"
    

    输入指令,生成ssh key:

    ssh-keygen -t rsa -C "xxx@xx.com"
    

    之后会提示一些信息,一直按回车即可。

  • 在GitHub上添加自己的ssh key
    在Git Bash中输入指令,查看本机生成的ssh key:

    cat ~/.ssh/id_rsa.pub
    


    打开你的Github主页,点击右上角你的头像图标展开下拉菜单,选择“setting”
    DKiVsJ.png

    在打开页面的左侧栏中选择“SSH and GPG keys”,在展开的右侧页面中选择“New SSH key”
    DKiNdI.png

    在展开的页面中,把之前找到的ssh key复制上去,点击“Add SSH key”
    DKiDSS.png

    回到刚刚的页面,发现ssh key已经添加成功了。
    DKibwR.png

克隆远程仓库到本地

打开Github上的仓库页面,点击“Code”图标,在下拉菜单中选择“SSH”方式,将图示的代码串复制下来:


挑选一个合适的路径打开“Git Bash”,输入指令,将远程仓库克隆到本地:

git clone git@github.com:Krstar233/MyProject.git

期间会配对RSA key并询问你是否继续连接,直接输入“yes”继续克隆远程仓库。


成功克隆远程仓库“MyProject”截图:
DKZjfI.png

安装和使用vscode

  • 安装
    在官网下载最新版本的安装包,打开之后按照常规的安装步骤即可。
    在附加任务中可以自选一些选项:
    DuXTUg.png

使用vscode协作git管理项目

  • 打开项目文件
    在vscode中,选择菜单栏中的“File”->“open Folder”,在文件管理器中找到并打开本地仓库“MyProject”。

  • 尝试修改README文件
    输入markdown语句,修改README文件,同时点击vscode右上角的“Open Preview to the Side”图标,可以实时预览markdown效果。

    # MyProject
    # 一级标题
    ## 二级标题
    ### 三级标题
    - 项目1
    - 项目2
    - 项目3
    
    [测试链接](https://www.baidu.com)
    

  • 更新内容到远程仓库
    Ctrl+S保存文件之后,在右侧栏的“Git”图标出现了提示,点击打开,在展开操作栏顶上的文本框中输入本次更新的信息


    然后按下Ctrl+Enter进行commit操作,并在弹出的对话框中选择“Yes”或者“Always”。
    DKQdDP.png

    点击右侧栏的“Explorer”图标,在项目空白处右键选择“Open in Integrated Terminal”,然后我们可以在软件界面底部看见弹出的终端,并默认指向项目文件的路径。
    DK3tgJ.png

    输入指令,把本地仓库的新内容推送到远程仓库

    git push
    

    在Github上打开该远程仓库,发现文档内容得到了更新:

在团队协作中,如果别人更新了远程仓库的代码,那么在你本地仓库中的代码就不是最新版本了,这时候如果push到远程仓库会出现版本不一致不能push的情况。于是,我们需要输入“git pull”指令先将远程仓库拉取到本地进行更新。

  • 从远程仓库更新内容到本地
    在GitHub上更改README文件的信息
    在仓库主页中点击readme预览页面上的“笔”图标:
    DKGftf.png

    修改文件,之后点击底部的“Commit changes”按钮进行更改:
    DKYZaq.png

    在vscode中,同样修改部分文件:
    DKYoes.png

    这时候,如果我们把本地仓库推送到远程是推送不了的:
    DKtSm9.png

    于是,我们输入“git pull”指令把远程仓库拉取到本地更新:
    DKtZOH.png

    这时候,我们发现,在编辑框中出现了异动,提示我们哪里进行了更新,同时因为部分代码段不一致导致的冲突,我们需要选择一种方式保存本地代码:
    DKt81S.png

    这里我选择接受拉取的代码,也就是“Accept Incoming Change”。最后,README文档的内容:
    DKtDpT.png

至此,使用vscode协作git管理项目的基本流程也就告一段落了。

相关资料

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 151,511评论 1 330
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 64,495评论 1 273
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 101,595评论 0 225
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 42,558评论 0 190
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 50,715评论 3 270
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 39,672评论 1 192
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,112评论 2 291
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 29,837评论 0 181
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 33,417评论 0 228
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 29,928评论 2 232
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,316评论 1 242
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 27,773评论 2 234
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,253评论 3 220
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 25,827评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,440评论 0 180
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 34,523评论 2 249
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 34,583评论 2 249

推荐阅读更多精彩内容