1. Toy模板网首页
  2. > Toy博客

Git与VScode联合使用详解

7月前 作者：临界三极管 分类：Toy博客 阅读(24) 违法举报

这篇具有很好参考价值的文章主要介绍了Git与VScode联合使用详解。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

目录

Git与VScode联合使用

方式一

1. 用vscode打开文件夹，如图点击初始化仓库，把此仓库初始为git仓库。

2. 提交文件到本地仓库

3. vscode与github账号绑定

4. 在github中建立远程仓库

5. 本地仓库与远程仓库绑定

方式二

1. 在github上建立远程仓库

2.使用克隆下远程仓库

3. 在克隆下来的仓库放需要的文件

4.通过vscode 打开 克隆下来的仓库文件夹

5.刷新github则可看到提交的代码文件

此时：本地仓库与远程仓库相关联了并把本地文件推送到远程仓库。

Git与VScode联合使用

有两种方式让git与vscode绑定

方式一、本地有代码文件，初始化本地的代码为git仓库，然后再去github上创建远程仓库与之绑定

方式二、在github上创建远程仓库，然后克隆到本地此时这两个仓库就是绑定的

方式一

1. 用vscode打开文件夹，如图点击初始化仓库，把此仓库初始为git仓库。

 Git与VScode联合使用详解,git,git,vscode,ide

2. 提交文件到本地仓库

  • 打开终端在里面用命令把文件提交到本地仓库

Git与VScode联合使用详解,git,git,vscode,ide

3. vscode与github账号绑定

  • 添加远程仓库

Git与VScode联合使用详解,git,git,vscode,ide

  • 此时跳出对话框点击允许登入github。

Git与VScode联合使用详解,git,git,vscode,ide

  • 此时跳转到浏览器，会自动获取你在此登入的github账号请求授权。

Git与VScode联合使用详解,git,git,vscode,ide

4. 在github中建立远程仓库

  • 在github中点击创建新仓库

 Git与VScode联合使用详解,git,git,vscode,ide

  • 设置仓库初始信息并创建

Git与VScode联合使用详解,git,git,vscode,ide

5. 本地仓库与远程仓库绑定

  • 重复第三步 添加远程仓库

Git与VScode联合使用详解,git,git,vscode,ide

  • 选择第4步在vscode中创建的远程仓库

Git与VScode联合使用详解,git,git,vscode,ide

  • 此时要求新建一个分支，这个分支是建立在本地和github远程仓库上的

Git与VScode联合使用详解,git,git,vscode,ide

  • 点击云朵上传，此时github上有两个分支会要求选择一个分支上传

Git与VScode联合使用详解,git,git,vscode,ide

  • 此时可以在github中看到上传的代码文件

Git与VScode联合使用详解,git,git,vscode,ide

此时本地仓库与远程仓库相关联了，并把本地文件推送到远程仓库中。

方式二

1. 在github上建立远程仓库

  • 点击创建

Git与VScode联合使用详解,git,git,vscode,ide

  • 配置仓库信息

Git与VScode联合使用详解,git,git,vscode,ide

2.使用克隆下远程仓库

  • 复制克隆的 https 地址

Git与VScode联合使用详解,git,git,vscode,ide

  • 用vscode打开一个文件夹然后在vscode中的终端使用git clone把代码克隆下来或者在代码文件夹中打开git终端使用指令克隆仓库。

Git与VScode联合使用详解,git,git,vscode,ide

3. 在克隆下来的仓库放需要的文件

Git与VScode联合使用详解,git,git,vscode,ide

4.通过vscode 打开 克隆下来的仓库文件夹

  1. 在vscode中提交代码到本地仓库，再把本地仓库文件推送到远程仓库

  2. 打开vscode终端，使用git命令 git add git commit git push 

Git与VScode联合使用详解,git,git,vscode,ide

  • 也可vscode 中使用里面的配置提交并推送到github

Git与VScode联合使用详解,git,git,vscode,ide

5.刷新github则可看到提交的代码文件

Git与VScode联合使用详解,git,git,vscode,ide文章来源地址https://www.toymoban.com/news/detail-799369.html

此时：本地仓库与远程仓库相关联了并把本地文件推送到远程仓库。

到了这里，关于Git与VScode联合使用详解的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

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

分享到：
领支付宝红包 赞助服务器费用

相关文章

  • vscode结合git使用流程

    vscode结合git使用流程

    最基本的流程 初始化仓库 用vscode打开项目文件夹，点击Initialize Repository 初始化之后： 可以发现分支的名字叫做master 修改分支的名字（可选） 从第一步可以看到，生成的分支叫做master，由于github上的主分支的名字叫做main，这里我修改一下分支的名字。（当然，也可以不修改

    2024年02月12日
    浏览(26)
  • 便捷开发技巧——在Vscode中使用Git-翻译自Vscode官网

    便捷开发技巧——在Vscode中使用Git-翻译自Vscode官网

    介绍 Want to easily manage your source code and collaborate with others? Git and GitHub are the tools you need! And with Visual Studio Code, you can set up and use them in a snap. Even if you’re a beginner, VS Code’s user-friendly interface guides you through common Git actions like pushing and pulling code, creating and merging branches, and committin

    2024年01月17日
    浏览(36)
  • vscode使用git连接github

    vscode使用git连接github

    目录 一.安装git和vscode 二.配置密钥​编辑​  三.在github上建立远程仓库  四.vscode上传github ①在vscode打开代码所在文件夹 ②在左侧栏点击源代码管理 ③初始化存储库 ④添加远程存储库。 ⑤ 输入远程仓库地址 ⑥上传到远程仓  五.使用vscode提交commit就会一直卡住，转圈圈

    2024年02月07日
    浏览(37)

  • vscode中git使用指南

    要使用 git clone 命令来克隆（下载）一个Git项目，你需要知道项目的远程仓库URL。以下是如何使用 git clone 的基本步骤： 打开终端或命令行窗口。 切换到你想要将项目克隆到的目标目录。你可以使用 cd 命令进入目标目录。例如，如果要将项目克隆到你的用户主目录下： 运行

    2024年02月03日
    浏览(31)
  • 使用vscode创建git新分支

    使用vscode创建git新分支

    使用vscode创建git新分支（比如siot7），创建的只是本地分支，没有创建远程分支。  在新分支（siot7）开发，然后提交到远程新分支（siot7）的步骤： 1、切换到新分支siot7开发。 2、git add . 3、git commit -m \\\"在新分支开发的功能\\\" 4、git pull origin siot7 5、第一次提交到新分支用：gi

    2024年02月12日
    浏览(35)
  • 在VSCode中使用Git教程

    在VSCode中使用Git教程

    介绍一下如何在VSCode中使用Git 首先在VSCode中打开一个项目 打开项目后, 点击下图按钮, 可以引入Git 点击 + ；相当于 git add . 下面两张图, 第一张表示改文件后的+号, 只会add本文件. 第二张图表示这段时间改动过的文件一起全部add 点击上面的+号后, 点击对号(Commit), 等于 git comm

    2024年04月11日
    浏览(71)
  • VSCode中使用Git提交代码

    VSCode中使用Git提交代码

    天行健，君子以自强不息；地势坤，君子以厚德载物。 每个人都有惰性，但不断学习是好好生活的根本，共勉！ 文章均为学习整理笔记，分享记录为主，如有错误请指正，共同学习进步。 本地文件夹选中后鼠标右键 Git Bash Here 在打开的命令窗口进行操作 通过命令将远程连接

    2024年02月04日
    浏览(28)
  • vscode中git的使用，以及与webstorm中git的使用对比

    vscode中git的使用，以及与webstorm中git的使用对比

            在项目中经常使用的git提交我们代码的时候，vscode和webstorm 是用的非常多的两个工具了，这里再次整理下他们的具体使用以及各自的优势！ 个人习惯，这里就不说框架用法了，原始的最简单 vscode 下载git插件: Git Graph  , 本地记录插件： Local History *****个人感觉适合多

    2024年02月04日
    浏览(28)
  • Git-简单使用/VSCode配置与插件

    Git-简单使用/VSCode配置与插件

    代码缩进：设置：搜索 tab size 。Editor:Tab size =2 格式化：设置：搜索 format。 Editor：Format On Save 勾选 vetur eslint Prettier - Code formatter Path Autocomplete 在VSCode中编辑setting.json  上述配置，配置完三个相关插件的即可。 C盘下的 prettierrc 文件，可以直接新建 txt 文本文档，去掉后缀改成

    2024年02月09日
    浏览(27)
  • 在vscode使用git提交推送代码

    在vscode使用git提交推送代码

    git命令大全 但是vscode自带 1 2 最后一步 点击同步更改(PS提交) 有时候同步更改没有显示点击更多(…)进行推送即可 参考代码

    2024年02月16日
    浏览(31)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包