Windows+VScode配置与使用git,超详细教程,赶紧收藏吧

这篇具有很好参考价值的文章主要介绍了Windows+VScode配置与使用git,超详细教程,赶紧收藏吧。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

当我们在VScode中编写代码后,需要提交到git仓库时,但是我们又不想切换到git的命令行窗口,我们可以在VScode中配置git,然后就可以很方便快捷的把代码提交到仓库中。

第一步:安装Git命令行工具


点击git官网,然后点击download,来到下面的界面

windows vscode安装git,程序员,vscode,git,ide

根据自己的电脑,选择相应的版本,我这里是下载的 Windows

网上有很多git工具安装的教程,比较简单,这里不详细记录了。

注意:一定要记得自己安装的路径!!!

安装完成后,在桌面上点击右键,出现下图所示的图标,则表示安装成功:

windows vscode安装git,程序员,vscode,git,ide

第二步:配置VScode中的git


  1. 打开VScode,依次点击下图中的地方

windows vscode安装git,程序员,vscode,git,ide

  1. 在输入框中输入 git.path ,再点击第二个地方,打开 settings.json 文件

windows vscode安装git,程序员,vscode,git,ide

windows vscode安装git,程序员,vscode,git,ide

3. 在 settings.json 文件中,添加 git 的安装路径

windows vscode安装git,程序员,vscode,git,ide

windows vscode安装git,程序员,vscode,git,ide

注意:冒号前面是 git.path ,路径是 cmd 文件夹中的 git.exe

然后关闭 VScode ,再次打开,过几秒钟后,点击左侧的第3个图标,也就是下图的第一个地方,发现第2和第3个地方变成了可点击状态,不是暗色的,表面git环境配置成功。

windows vscode安装git,程序员,vscode,git,ide

第三步:使用 VScode + git,提交到仓库


先从 GitHub 上面拉下来一个仓库,

如果出现下面的错误,可以参考我之前的一篇博客 ,可以解决该问题,也可以翻墙

windows vscode安装git,程序员,vscode,git,ide

使用之前博客的方法,成功 clone下来

注意!!!这种方法虽然可以成功 clone 下来,但是,在后续的推送命令,仍会报错,所以建议翻墙,再 git clone GitHub - jin5437/manage-system-vue2: vue2+router实现的后台管理系统

windows vscode安装git,程序员,vscode,git,ide

翻墙之后:

windows vscode安装git,程序员,vscode,git,ide

使用 VScode ,打开 clone 下来的文件,这是我在 GitHub 上发布的一个小项目,使用 Vue2 + router ,实现的一个用户管理的小系统,感兴趣的朋友可以 clone 下来,适合初学者。

windows vscode安装git,程序员,vscode,git,ide

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

windows vscode安装git,程序员,vscode,git,ide

windows vscode安装git,程序员,vscode,git,ide

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

windows vscode安装git,程序员,vscode,git,ide

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)

windows vscode安装git,程序员,vscode,git,ide

结尾

学习html5、css、javascript这些基础知识,学习的渠道很多,就不多说了,例如,一些其他的优秀博客。但是本人觉得看书也很必要,可以节省很多时间,常见的javascript的书,例如:javascript的高级程序设计,是每位前端工程师必不可少的一本书,边看边用,了解js的一些基本知识,基本上很全面了,如果有时间可以读一些,js性能相关的书籍,以及设计者模式,在实践中都会用的到。

资料领取方式:戳这里免费获取

ipt的高级程序设计,是每位前端工程师必不可少的一本书,边看边用,了解js的一些基本知识,基本上很全面了,如果有时间可以读一些,js性能相关的书籍,以及设计者模式,在实践中都会用的到。

资料领取方式:戳这里免费获取

windows vscode安装git,程序员,vscode,git,ide文章来源地址https://www.toymoban.com/news/detail-856327.html

到了这里,关于Windows+VScode配置与使用git,超详细教程,赶紧收藏吧的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【Python】25道Python练手题(附详细答案),赶紧收藏

    题目 1:水仙花数 水仙花数(Narcissistic number)也被称为超完全数字不变数(pluperfect digital invariant, PPDI)、自恋数、自幂数、阿姆斯壮数或阿姆斯特朗数(Armstrong number) 水仙花数是指一个 3 位数,它的每个位上的数字的 3 次幂之和等于它本身。例如:1^3 + 5^3+ 3^3 = 153。 题目

    2024年02月04日
    浏览(31)
  • 25道Python练手题(附详细答案),赶紧收藏!python入门

    题目 1:水仙花数 水仙花数(Narcissistic number)也被称为超完全数字不变数(pluperfect digital invariant, PPDI)、自恋数、自幂数、阿姆斯壮数或阿姆斯特朗数(Armstrong number) 水仙花数是指一个 3 位数,它的每个位上的数字的 3 次幂之和等于它本身。例如:1^3 + 5^3+ 3^3 = 153。 题目

    2024年02月09日
    浏览(30)
  • VScode配置快捷快速填充代码安装配置和使用(详细-Windows和Mac)

    【window系统】 ctrl+shift+p打开命令窗口找到Configure Display Language点击; 【MAC 】 command+shift+p打开命令窗口找到Configure Display Language点击 使用快捷键Ctrl+Shift+P调出VSCode的执行命令的输入框 输入命令view:toggle menu bar 上头的菜单栏又重新回来了 实测:最简单直接的方法,找到VScode,

    2024年04月28日
    浏览(31)
  • VSCode安装配置使用教程(最新版超详细保姆级含插件)一文就够了

    Visual Studio Code 是一个轻量级功能强大的源代码编辑器,支持语法高亮、代码自动补全(又称 IntelliSense)、代码重构、查看定义功能,并且内置了命令行工具和 Git 版本控制系统。适用于 Windows、macOS 和 Linux。它内置了对 JavaScript、TypeScript 和 Node.js 的支持,并为其他语言和运行

    2024年02月03日
    浏览(43)
  • 简易桌面端 Git 工具 ——> TortoiseGit 安装、配置及使用详细教程

    大家好,给大家推荐一款简易的桌面端 Git 工具—— TortoiseGit,使用其完成 Git 的克隆、提交、推送、日志查看、版本差异比较等功能,摆脱命令行。 首先,确保本地安装了 Git,未安装的可以通过以下链接参考完成 Git 的安装。 ​ 博主:Java知识技术分享 ​ 链接:Git 的安装

    2024年02月03日
    浏览(46)
  • 工具系列(七) 本文(4万字) | Git入门教程 | 初始本地仓库-推送合并到远程仓库 | 解读VScode与PyCharm配置与使用git | CodeGeeX与Tabnine使用 |

    点击进入专栏: 《人工智能专栏》 Python与Python | 机器学习 | 深度学习 | 目标检测 | YOLOv5及其改进 | YOLOv8及其改进 | 关键知识点 | 各种工具教程

    2024年02月21日
    浏览(41)
  • Ubuntu20.04安装配置gitlab及使用git管理代码超详细教程

    目录 简介 安装教程 安装gitlab 配置Gitlab  登录gitlab  gitlab内存优化  创建用户  创建群组 添加成员进群组 管理群组成员权限   创建项目 分支管理  使用git bash工具 下载git bash 上传代码 使用sourceTree工具创建分支 提交分支 gitlab服务器邮箱的配置(可选) 今日推荐  GitLab是

    2024年02月21日
    浏览(79)
  • Git(Windows教程详细教程)

    Git的安装:             https://git-scm.com/downloads 进来后的第一步: 我们可以看到让我们选择操作系统进行下载 你如果是使用windows系统就下载windows ... (对应下载) 由于我这里使用的win 所以下载windows(别的操作系统可以退出API了) 进来后的第二步: 有一个独立安装和便捷式安装 独

    2024年02月04日
    浏览(24)
  • 超详细Git下载安装配置使用教程,从入门到上传本地项目到GitHub,一文就够了

    身为一个合格的程序Yuan,Git工具我们必然是要掌握的,那么对于小白来讲一定有这几个疑问,Git是什么?怎么使用?怎么配置?Git命令是什么?本文将从这几方面帮助大家了解和使用Git。 Git是一个开源的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版

    2024年02月03日
    浏览(63)
  • 【详细教程】关于如何使用Git&GitHub的基本操作汇总&GitHub的密钥配置 ->(个人学习记录笔记)

    点击 官网链接 后,进入Git官网,下载安装包 然后根据系统类型进行下载,一般为windows 一般选择64位的安装器版本 下载好后开始安装 点击Next 默认即可,Next 默认即可,Next Next Next Next Next Next Next Next Next Next install即可 我们在桌面随便创建一个文件夹例如code 进入code文件夹 鼠

    2024年02月06日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包