源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

Visual Studio Code 使用Git进行版本控制(图文教程)

  • 时间:2021-03-21 08:42 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:Visual Studio Code 使用Git进行版本控制(图文教程)
本来认为此类教程,肯定是满网飞了。今天首次使用VS Code的Git功能,翻遍了 所有中文教程,竟没有一个靠谱的。遂动笔写一篇。 请确保你安装了最新的VS Code.[url=http://code.visualstudio.com/]http://code.visualstudio.com/[/url] 请确保安装了最新版的Git。[url=https://git-scm.com/download%E3%80%82git%E5%AE%89%E8%A3%85%E5%88%B0%E7%8E%AF%E5%A2%83%E5%8F%98%E9%87%8F%E9%87%8C%EF%BC%8C]https://git-scm.com/download。git安装到环境变量里,[/url] 确保任意路径可以访问。 参考链接:[url=https://code.visualstudio.com/Docs/editor/versioncontrol]https://code.visualstudio.com/Docs/editor/versioncontrol[/url] VS Code 集成了Git功能,并支持基本的git命令,这使得我们能够在开发过程方便的提交和获取代码。 [b]1.1 初始化[/b] 首先我们创建一个名为gittest的文件夹,当然它不在git的版本控制管理中。 [img]http://files.jb51.net/file_images/article/201711/2017111009572441.jpg[/img] 用VS Code 打开这个文件夹,单击左侧的git图标。 [img]http://files.jb51.net/file_images/article/201711/2017111009572442.jpg[/img] 我们可以看到“初始化GIT存储库”的按钮,单击。 [img]http://files.jb51.net/file_images/article/201711/2017111009572443.jpg[/img] 初始化之后,我们首先看到的是git栏里显示了当前所有文件,有4个更改。 [img]http://files.jb51.net/file_images/article/201711/2017111009572444.jpg[/img] 全部或者单个文件都可以选择暂存或者清理掉。 [img]http://files.jb51.net/file_images/article/201711/2017111009572445.jpg[/img] 在上方有提交和刷新按钮,下拉菜单里有更多选项。 再回到我们的文件中,刚才的操作创建了一个.git文件夹,放置了当前仓库的所有 配置文件,如下图。 [img]http://files.jb51.net/file_images/article/201711/2017111009572446.jpg[/img] 到目前为止我们在本地创建了一个代码仓库,下面来看一下VS Code的git功能。 [b]git 输出[/b] 我们可以在隐藏的菜单中选择git输出,这样我们每个操作都会显示 在输出区域,方便我们查看对应的git命令。 [img]http://files.jb51.net/file_images/article/201711/2017111009572447.jpg[/img] [b]提交保存[/b] 提交保存的第一步是暂存文件。 第二步是输入提交信息。 第三步然后使用状态栏的提交按钮提交全部更改。 [img]http://files.jb51.net/file_images/article/201711/2017111009572448.png[/img] [b]git命令列表[/b] ctrl+shift+P,输入git,会看到VS CODE支持的所有git命令。 [img]http://files.jb51.net/file_images/article/201711/2017111009572449.jpg[/img] [b]撤销操作[/b] 输入 Undo Last Commit,撤销上次操作。输入Unstage,撤销暂存。 [img]http://files.jb51.net/file_images/article/201711/2017111009572450.jpg[/img] [b]分支[/b] 输入Branch可以创建当前内容的分支。创建分支时需要输入分支名称。 [img]http://files.jb51.net/file_images/article/201711/2017111009572551.jpg[/img] [img]http://files.jb51.net/file_images/article/201711/2017111009572552.jpg[/img] [b]checkout[/b] 创建分支后,使用checkout命令可以拉取特定的分支内容。 [img]http://files.jb51.net/file_images/article/201711/2017111009572553.png[/img] [b]冲突合并[/b] VS Code 会检测文件冲突,并以<<<<<,>>>>,====和颜色区分出来。 [img]http://files.jb51.net/file_images/article/201711/2017111009572554.png[/img] 解决冲突之后,直接提交就行了。 [b]文件比较[/b] 在git文件列表中,单击一个未提交更改的文件,就会打开两个窗口来显示变更的内容。 [img]http://files.jb51.net/file_images/article/201711/2017111009572555.jpg[/img] [b]连接远程代码仓库[/b] 说了这么多,现在问题来了,在本机初始化一个代码库,一般没什么卵用。 我们大多数情况是要连接远程的代码服务器的。 下面我们在github上创建一个Repository,复制地址备用。 [img]http://files.jb51.net/file_images/article/201711/2017111009572556.jpg[/img] [img]http://files.jb51.net/file_images/article/201711/2017111009572557.jpg[/img] 接下来到当前Repository文件夹根目录中,如果没有初始化过,安装文章开始初始化的方法,进行初始化。 然后执行下面的命令
git remote add origin https://github.com/xuanhun/vscode.git
git pull origin master
现在我们查看一下.git文件夹下的config文件,可以看到添加了远程Reps地址。 [img]http://files.jb51.net/file_images/article/201711/2017111009572558.jpg[/img] 接下来我们从下拉菜单中执行发布命令。 [img]http://files.jb51.net/file_images/article/201711/2017111009572559.jpg[/img] 这时会提醒我们输入账号和密码。 [img]http://files.jb51.net/file_images/article/201711/2017111009572560.jpg[/img] 输入之后,会把本地提交的文件同步到github。同步之后再打开git的隐藏菜单,可以看到 同步等命令可以直接使用了。 [img]http://files.jb51.net/file_images/article/201711/2017111009572561.jpg[/img] [b]简化一点的方法[/b] 当然我们也可以使用git 的clone命令,从远程克隆一个Reps,然后直接用vscode打开文件夹, VS Code 会自动识别各项配置。 [b]持久化账号[/b] 远程连接git的问题解决了,如果你不想每次同步的时候都输入账号信息,可以全局存储账号, 解决这个问题。
git config --global credential.helper wincred
本文的大部分内容都能从官方的文档上找到,不过中文很多教程没有解决连接远程 服务的问题,所以特地做了说明,希望对各位有所帮助。 最后,本篇文章作为实验内容,同步到github的地址为: [url=https://github.com/xuanhun/vscode/blob/master/Visual%20Studio%20Code%20%E4%BD%BF%E7%94%A8Git%E8%BF%9B%E8%A1%8C%E7%89%88%E6%9C%AC%E6%8E%A7%E5%88%B6.md]VS Code 集成git[/url] 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程素材网。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部