SVN下载、安装、拉取远程代码、提交本地代码(超详细附图文!)

前言

小乌龟(TortoiseGit)是一个 Git 的图形用户界面(GUI)客户端,它为那些更倾向于使用图形界面而不是命令行的用户提供了一种方便的解决方案。

值得注意的是必须先安装git,在安装git小乌龟
安装git可以参考这篇文章:git下载、安装、本地配置、拉取远程项目、使用vscode提交项目到远程仓库(超详细步骤附图文!!)

一、下载SVN

SVN下载地址:svn下载
不想等待下载的小伙伴可以直接到盘上取:TortoiseGit-2.16.0.0-64bit.msi

打开后就是以下界面,我下载的版本就是红色框住的那版。
你们根据自己操作系统去下载对应的哦,看清楚自己的操作系统是32位的还是64位的哈。
在这里插入图片描述
下载完成后我们来开始安装!

二、安装SVN

1、双击打开msi程序包,单击【Next】。

在这里插入图片描述

2、阅读TortoiseGit相关信息后,单击【Next】。

在这里插入图片描述

3、选择SSH客户端。

  1. 【选项1】意思是:TortoiseGitPlink,基于PuTTY;针对TortoiseGit进行了优化,并与windows更好地集成。
  2. 【选项2】意思是:OpenSSH,Git默认SSH客户端

选择默认配置项(即第一项),单击【Next】。

在这里插入图片描述

4、选择安装位置和需要的功能。

一般不安装在C盘,单击【Browse】修改安装位置。
修改完成后,单击【Next】。
在这里插入图片描述

5、准备安装,单击【Install】。

在这里插入图片描述

6、安装完成,单击【Finish】。

  1. 【Show Changelog】选项意思是:显示变更日志。
  2. 【Run first start wizard】选项意思是:运行第一个启动向导。
    在这里插入图片描述

7、安装成功后自动打开一个程序。

因为上一步我们选择了第二个选项,所以会打开一个程序。我们先单击【取消】。
在这里插入图片描述

三、下载中文包

同一个网页向下滑找到【Language Packs】,下载中文包,我下载的是黄色框着那个版。
网盘获取:TortoiseGit-LanguagePack-2.16.0.0-64bit-zh_CN.msi
在这里插入图片描述
下载完成后我们来开始安装!

四、安装中文包

1、双击打开msi语言包,单击【下一步】。

在这里插入图片描述
等待安装完成中…

2、安装完成,单击【完成】。

在这里插入图片描述

3、切换中文包

  1. 鼠标右键选择【TortoiseGit】->【Settings】,单击打开。
    在这里插入图片描述

  2. 把语言切换成【中文(简体) (中国)】后,单击【确定】。
    在这里插入图片描述

  3. 再使用同样的方式打开,已经切换成中文了。
    在这里插入图片描述

  4. 检查配置
    取消【每周都自动检查新版本】,验证 git.exe的路径是否正确。
    在这里插入图片描述

五、使用SVN创建本地仓库

1、远程仓库

首先,我们先要确保有一个远程仓库,然后将远程仓库的HTTPS地址给复制下来。
在这里插入图片描述

2、创建文件夹

在桌面随便新建一个文件夹,我这里名为test。
在这里插入图片描述

3、单击【Git在这里创建版本库(Y)…】

鼠标指向文件夹,鼠标右键单击【Git在这里创建版本库】
在这里插入图片描述

4、跳出如下图,不要勾选直接单击【确定】。

在这里插入图片描述

5、生成隐藏.git文件夹

此时,双击打开test文件夹,目录中出现.git 文件夹
在这里插入图片描述
此时我们已经在本地做好了准备,托管中心(远程仓库)也有了。
接下来就需要将他们关联起来。

六、将远程和本地仓库关联

1、继续右键test文件夹→【TortoiseGit】→【设置 】

在这里插入图片描述

2、配置用户名和邮箱

点击【设置】后,会跳出如下设置窗口,把远程仓库注册的用户名和邮箱填上去。
在这里插入图片描述

3、远端填写URL和推送URL

  1. 同一个面板选择Git下的【远端】

  2. 将我们刚才从远程仓库复制的URL填到【URL】和【推送URL】上,然后单击【添加/保存】。
    在这里插入图片描述

  3. 单击【添加/保存】后弹出以下弹窗,单击【是(Y)】即可。
    在这里插入图片描述

  4. 根据上一个步骤单击【是】后,弹出以下弹窗,SVN会获取远端信息,直接单击【确定】。
    在这里插入图片描述
    确定以后也会弹出一个框,让你进行身份认证,只需要将你之前注册的用户名密码重新输入一遍,然后小乌龟就开始抛投了。

  5. 抛投完成,显示以下界面,单击【关闭】即可。
    在这里插入图片描述
    现在,你的本地仓库和远程仓库就已经关联上了。

七、拉取远程仓库代码

  1. 单击test文件夹,鼠标右键选择【TortoiseGit(T)】->【拉取】。
    在这里插入图片描述

  2. 弹出以下弹窗,单击【确定】。
    在这里插入图片描述

  3. 代码拉取成功,显示以下弹窗,单击【关闭】即可。
    在这里插入图片描述

  4. 此时打开test文件夹,发现已经成功将远程代码拉取到本地。
    在这里插入图片描述

  5. 通过vsCode打开test文件夹并安装依赖。
    使用cnpm i 安装依赖
    在这里插入图片描述

  6. 运行项目
    查看package.json文件夹中scripts的启动代码,我这个项目使用的是dev,所以使用npm run dev进行项目启动,出现运行地址代表项目启动成功啦。
    在这里插入图片描述

八、使用SVN提交代码到远程仓库

  1. 鼠标右键test文件夹 -> 【Git提交© -> “master”…】
    这个选项相当于命令行~: git add 文件,只是将文件提交到本地版本库,并非提交到远程版本服务器哦。
    在这里插入图片描述
  2. 弹出以下弹窗,简短的输入提交内容的关键信息,单击【提交】。
    在这里插入图片描述
  3. 提交成功后显示以下弹窗,需要单击【推送】才能将本地代码提交到远程仓库中,单击【推送】。
    在这里插入图片描述
  4. 显示以下弹窗,意思是将本地master分支 推送到 目标orgin远端,单击【确定】
    在这里插入图片描述
  5. 弹窗显示推送成功,单击【关闭】。
    在这里插入图片描述
  6. 查看远程仓库是否真的有新的提交,红色框住的内容和我们提交的提示内容一致,代表本地代码推送成功啦。
    在这里插入图片描述

九、SVN的基本使用

实际开发中,一个项目可能多人同时进行开发,所以我们每一次提交代码之前,都需要先拉取一下远程代码。

十、未完待续…

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值