Windows+VScode配置与使用git,超详细教程,赶紧收藏吧
目录
第一步:安装Git命令行工具
第二步:配置VScode中的git
第三步:使用 VScode + git,提交到仓库
当我们在VScode中编写代码后,需要提交到git仓库时,但是我们又不想切换到git的命令行窗口,我们可以在VScode中配置git,然后就可以很方便快捷的把代码提交到仓库中。
第一步:安装Git命令行工具
点击git官网,然后点击download,来到下面的界面
根据自己的电脑,选择相应的版本,我这里是下载的 Windows
网上有很多git工具安装的教程,比较简单,这里不详细记录了。
注意:一定要记得自己安装的路径!!!
安装完成后,在桌面上点击右键,出现下图所示的图标,则表示安装成功:
第二步:配置VScode中的git
1. 打开VScode,依次点击下图中的地方
2. 在输入框中输入 git.path ,再点击第二个地方,打开 settings.json 文件
3. 在 settings.json 文件中,添加 git 的安装路径
注意:冒号前面是 git.path ,路径是 cmd 文件夹中的 git.exe
然后关闭 VScode ,再次打开,过几秒钟后,点击左侧的第3个图标,也就是下图的第一个地方,发现第2和第3个地方变成了可点击状态,不是暗色的,表面git环境配置成功。
第三步:使用 VScode + git,提交到仓库
先从 GitHub 上面拉下来一个仓库,
如果出现下面的错误,可以参考我之前的一篇博客 ,可以解决该问题,也可以翻墙
使用之前博客的方法,成功 clone下来
注意!!!这种方法虽然可以成功 clone 下来,但是,在后续的推送命令,仍会报错,所以建议翻墙,再 git clone GitHub - jin5437/manage-system-vue2: vue2+router实现的后台管理系统
翻墙之后:
使用 VScode ,打开 clone 下来的文件,这是我在 GitHub 上发布的一个小项目,使用 Vue2 + router ,实现的一个用户管理的小系统,感兴趣的朋友可以 clone 下来,适合初学者。
当我们修改代码时,左侧会提示我们哪个文件发生了改动
点击上图的第3处的 + 号,表示 add 命令,如下图,这时,文件被放在暂存区
在下图的输入框中,输入要提交的备注信息,如 again test ,然后,可以按 Ctrl + enter ,或者点击橙色框中的对号,就是完成了 commit 命令
接着,点击下图的第一个地方,依次点击拉取、推送,即 pull 命令和 push 命令。
命令完成后,VScode 对我的 GitHub 账号进行了认证,一步一步进行操作即可。
去 GitHub 官网,查看仓库,就能发现成功推送上去了!
至此,大功告成!
Windows+VScode配置与使用git,超详细教程,赶紧收藏吧相关推荐
- 在windows中配置jsp环境(超详细)
在windowsserver服务器中配置jsp的运行环境 首先,你要拥有一台windows server的服务器,这里推荐腾讯云,不仅仅有学生试用一个月,而且更加方便.腾讯云跳转:https://cl ...
- Windows下Redis集群搭建(超详细教程)
文章目录 一.Redis单机版安装 二.Redis集群的安装 1.构建集群节点目录 2.下载Ruby并安装 3.构建集群脚本redis-trib.rb 4.构建集群 三.将Redis注册生window ...
- Windows 64位下安装Redis超详细教程
Linux下redis安装链接 : 转到 Redis是一个key-value存储系统.和Memcached类似,它支持存储的value类型相对更多,包括string(字符串).list(链表) ...
- Windows电脑怎么重装系统?超详细教程!装机不再求人!
Hello,大家好!今天我们为大家分享一下Windows电脑怎么安装windows原版系统!我们经常会遇到电脑蓝屏.死机或者一些其他奇怪问题,很多时候也只能通过装机来解决!一句话:所有奇奇怪怪的问题都 ...
- pycharm git 超详细教程
工作区 工作区应该不陌生,就是我们能看见,直接编辑的区域.对于一些新增的文件,如果没有被add到暂存区,就会以红色的形式放置在工作区. 暂存区 数据暂时存放的区域,对于add git版本控制的文件,就 ...
- Git安装教程(Windows安装超详细教程)
Git安装教程(Windows安装超详细教程) weir_will 关注 0.9 2017.10.08 00:59* 字数 728 阅读 17955评论 8喜欢 41 2018年4月14日更新 更 ...
- Windows10系统下配置mmdetection2.6(超详细)
Windows10系统下配置mmdetection2.6(超详细) 因为最近参加目标检测的比赛,选择Varifocalnet做训练论文链接,代码链接,这个模型需要在mmdetection上配置,这篇博 ...
- 【超详细教程】使用Windows Live Writer 2012和Office Word 2013 发布文章到博客园全面总结...
[超详细教程]使用Windows Live Writer 2012和Office Word 2013 发布文章到博客园全面总结 原文 http://www.cnblogs.com/liuxianan/ ...
- windows环境下安装RabbitMQ(超详细)
windows环境下安装RabbitMQ(超详细) 记录RabbitMQ安装过程,欢迎大家和我交流.(安装过程中遇到的问题也有总结哈,请查看) RabbitMq简介 安装准备工具 安装步骤(图文) 安 ...
最新文章
- 【习题3】数字和数学计算【第4天】
- Lua代码加密,防止代码反编译
- 记录一下VsCode配置C/C++运行环境
- JMX 与系统管理--转
- Flexbox 布局
- paip.提升用户体验--提升java的热部署热更新能力
- 工作373-前端 import与export区别
- MFC开发IM-第十一篇、MFC设置对话框的背景颜色及设置透明
- PHP学习总结(12)——PHP入门篇之变量
- Entity(Table)(Id) cannot be resolved to a type(spring boot)
- C#图片处理之:最简单的柔化算法
- JAVA 基础 /第六课: 面向对象 / JAVA中的类和对象
- 云计算,SDN,虚拟化三者关系
- 让SlickEdit 自动编译Keil C51工程
- 目的路径太长如哈删除_如何清除winrar中的目标路径记录
- 联想IBM笔记本驱动
- 远程办公软件:TeamViewer使用评测与安装
- win10微软图标点击无反应_双击电脑桌面图标没反应,win10双击图标没反应
- FPGA的工作原理简述
- mysql每组排序后取前2条,并修改数据