在Visual Studio Code中使用Gitee进行版本管理(超详细)

这篇具有很好参考价值的文章主要介绍了在Visual Studio Code中使用Gitee进行版本管理(超详细)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、安装Git

(1)首先你需要前往Git官网下载Git安装包:Git

(2)其次你需要安装Git(下面这两个是Git安装教程)Git 详细安装教程(详解 Git 安装过程的每一个步骤)_git安装-CSDN博客

Git安装详解(写吐了,看完不后悔)-CSDN博客

(3)配置Git

二、在VS Code中安装和配置扩展

(1)在VS Code的扩展选项中,搜索该插件并进行安装

visual studio code giee,项目开发技巧,vscode,gitee,ide

(2)安装完成之后,在VS Code的设置中搜索“git.path”

visual studio code giee,项目开发技巧,vscode,gitee,ide

点击“在setting.json中编辑”

(3)添加git.exe路径

1.获取git.exe的路径

在Git Bash控制台中,输入"where git",回车,就会看到路径了

visual studio code giee,项目开发技巧,vscode,gitee,ide

2.将路径复制,粘贴到settings.json的“git.path”的冒号后面

注意修改一下斜杠(右斜杠),不然会报错

visual studio code giee,项目开发技巧,vscode,gitee,ide

3.按下快捷键Ctrl+S保存文件

三、新建Gitee仓库

1.进入Gitee官网:Gitee - 基于 Git 的代码托管和研发协作平台

2.注册一个Gitee账号并登录

3.在Gitee中新建一个仓库

visual studio code giee,项目开发技巧,vscode,gitee,ide

visual studio code giee,项目开发技巧,vscode,gitee,ide

里面的信息正常填写就行,下方可以勾选“初始化仓库”。

四、配置Gitee公钥(很重要)

Gitee公钥的配置,请跟着Gitee官网的详细教程进行配置:SSH 公钥设置 | Gitee 产品文档

五、让VS Code与Gitee仓库建立连接

1.在你的Gitee账号中点击进入你刚刚创建的仓库

2.你可以看到这个橙色的按钮,点击它

visual studio code giee,项目开发技巧,vscode,gitee,ide

3.在弹出的对话框中,复制这个URL链接

visual studio code giee,项目开发技巧,vscode,gitee,ide

这个链接就是让你的VS Code与Gitee仓库实现双向通信的“钥匙”!

4.在VS Code初始化仓库

(1)新建一个空文件夹,或者选择一个你的项目文件夹,打开它。

比如这里我新建了一个临时文件夹,在里面新建了一个index.html文件(随便创建的)

visual studio code giee,项目开发技巧,vscode,gitee,ide

(2)点击VS Code左侧的源代码管理选项

visual studio code giee,项目开发技巧,vscode,gitee,ide

注意:如果没有这个选项,那就在VS Code顶部的横向菜单中点击“查看”,就可以看到“源代码管理”

visual studio code giee,项目开发技巧,vscode,gitee,ide

(3)初始化仓库

点击初始化仓库,这时候,你可以在电脑的资源管理器中看到一个隐藏的.git文件夹,意味着你的这个文件夹内的项目将会被VS Code进行版本管理。

visual studio code giee,项目开发技巧,vscode,gitee,ide

备注:如果想取消版本管理,那就删除掉.git文件夹即可

(4)添加远程存储库

在源代码管理中,按照如下的位置点击,点击添加远程存储库

visual studio code giee,项目开发技巧,vscode,gitee,ide

将之前在Gitee复制的URL链接,粘贴到这里,然后按下回车按键

visual studio code giee,项目开发技巧,vscode,gitee,ide

注意:有时候添加完之后,会有Git弹出来让你登录Gitee账户,你按照你的Gitee账户信息进行填写即可。

(5)克隆仓库

克隆仓库实际上就是尝试VS Code与Gitee建立通信

visual studio code giee,项目开发技巧,vscode,gitee,ide

接着会提示你选择一个文件夹来存放从远程仓库克隆过来的文件,按照你自己的需要克隆即可。

(6)提交

当你在项目中发生了代码更改、文件更改等,你都可以看到这个列表中所展示的发生更改的文件列表:

visual studio code giee,项目开发技巧,vscode,gitee,ide

在此处输入一些更改信息(这是为了方便开发人员知道此次所提交的数据中,你做了哪些更改)

强烈建议填写更改信息!!!

visual studio code giee,项目开发技巧,vscode,gitee,ide

点击提交(Commit)

visual studio code giee,项目开发技巧,vscode,gitee,ide

特别注意的是,当你点击提交之后,在Gitee的仓库中并不会更新内容,因为这个“提交”只是在你的电脑中预存了这些更改而已

进行推送(Push)

推送才是真正的将项目上传到云端仓库中

visual studio code giee,项目开发技巧,vscode,gitee,ide

点击推送之后,刷新一下你的Gitee仓库,你就会看到上传成功了!

再次强调一下VS Code中的上传步骤:

项目文件或者代码发生更改-->填写更改信息-->点击提交-->点击推送文章来源地址https://www.toymoban.com/news/detail-861553.html

到了这里,关于在Visual Studio Code中使用Gitee进行版本管理(超详细)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 使用Visual Studio Code 进行Python编程(一)-环境搭建、hello Python

    到微软的Visual Studio Code官方主页下载Visual Studio Code: Visual Studio: 面向软件开发人员和 Teams 的 IDE 和代码编辑器 Visual Studio 开发工具和服务让任何开发人员在任何平台和语言的应用开发都更加轻松。 随时随地免费使用代码编辑器或 IDE 进行开发。 https://visualstudio.microsoft.com/zh-h

    2024年02月11日
    浏览(19)
  • 微软对Visual Studio 17.7 Preview 4进行版本更新,新插件管理器亮相

    近期微软发布了Visual Studio 17.7 Preview 4版本,而在这个版本当中,全新设计的扩展插件管理器将亮相,并且可以让用户可更简单地安装和管理扩展插件。 据了解,目前用户可以从 Visual Studio Marketplace 下载各式各样的 VS 扩展插件,但现有的扩展插件管理器在信息显示层面较为混

    2024年02月15日
    浏览(16)
  • 关于使用Gitee进行版本管理——使用IDE

    1.下载并安装Git版本控制工具(Git下载与安装_git官网下载-CSDN博客) 2.下载并安装Android Studio(参考对应的Android studio安装步骤) 3.注册Gitee账号(参考对应gitee(码云)注册以及最简单基础的操作大全_码云注册-CSDN博客) 1. 新建仓库 登录 Gitee 账号之后,点击新建仓库:

    2024年02月21日
    浏览(19)
  • visual studio code(vs code)历史版本下载

    November 2023 (version 1.85) 注意网页左边。

    2024年02月20日
    浏览(30)
  • Visual Studio Code安装详细教程

    win电脑可以打开该网址 vs官方下载网站 点击这里免费下载 下载下来是一个安装程序,直接以管理员身份运行即可 我同意安装,然后选择D盘的一个空间进行安装 然后点击下一步 安装如图所示勾选,点击下一步 点击安装 等待安装完成即可 打开之后就是欢迎界面信息,或者直

    2024年02月15日
    浏览(24)
  • 【Visual Studio Code】--- Win11 安装 VS Code 超详细

    在编程的艺术世界里,代码和灵感需要寻找到最佳的交融点,才能打造出令人为之惊叹的作品。 而在这座秋知叶i博客的殿堂里,我们将共同追寻这种完美结合,为未来的世界留下属于我们的独特印记。 开发系统:Windows11 软件版本:SVisual Studio Code Vscode官网 同意条款 选择安

    2024年02月12日
    浏览(22)
  • Visual Studio Code (VS Code)安装教程(配图超详细)

    Visual Studio Code(简称“VS Code”)是Microsoft在2015年4月30日Build开发者大会上正式宣布一个运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代Web和云应用的跨平台源代码编辑器,可在桌面上运行,并且可用于Windows,macOS和Linux。它具有对JavaScript,TypeScript和Node.js的内置支持

    2024年01月25日
    浏览(27)
  • 如何在Visual Studio Code中用Mocha对TypeScript进行测试

    目录 使用TypeScript编写测试用例 在Visual Studio Code中使用调试器在线调试代码 首先,本文不是一篇介绍有关TypeScript、JavaScript或其它编程语言数据结构和算法的文章。如果你正在准备一场面试,或者学习某一个课程,互联网上可以找到许多相关的资源,我个人比较推崇hackerran

    2024年02月14日
    浏览(28)
  • Visual Studio Code1.67版本已正式发布,新增Rust指南

    Visual Studio Code1.67版本已正式发布,该版本包含大量增强生产力的更新项: 资源管理器文件嵌套 通过这次更新,用于浏览和管理文件和文件夹的Visual Studio Code的资源管理器工具现在 支持基于名称嵌套相关文件 。 资源管理器现在支持根据文件名来嵌套相关文件。有几个设置可

    2024年01月17日
    浏览(27)
  • 【Visual Studio Code】--- Win11 配置 VS Code 为中文 超详细

    在编程的艺术世界里,代码和灵感需要寻找到最佳的交融点,才能打造出令人为之惊叹的作品。 而在这座秋知叶i博客的殿堂里,我们将共同追寻这种完美结合,为未来的世界留下属于我们的独特印记。 开发系统:Windows11 软件版本:Visual Studio Code 装插件前最好将存储路径修

    2024年02月12日
    浏览(25)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包