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

Vscode使用Git详解

8月前 作者：礼貌而已 分类：Toy博客 阅读(27) 违法举报

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

前言

简介：本文将带你完成 git 安装、远程代码仓库创建、链接远程仓库、代码推送等
说明：本文演示所用远程仓库为 gitee（码云），你用 github或者其他的远程仓库也是可以的的
最后：欢迎评论区讨论，我尽力解答你们的疑惑

一、安装 git

git官网地址：https://git-scm.com/

1.1 打开 git 官网

1.2 如图操作

vscode安装git,VsCode,vscode,git,vue.js

vscode安装git,VsCode,vscode,git,vue.js
vscode安装git,VsCode,vscode,git,vue.js

鼠标在桌面右键，出现这个 git bash here 就表示 git 已经安装成功
vscode安装git,VsCode,vscode,git,vue.js

二、node.js安装

node.js请自行安装好，若没安装好，百度搜node.js安装，教程很多

三、创建代码仓库

注：我这里仅用 gitee 做演示，如果你更愿意使用其他代码仓库，如 github也是可以的。

3.1 来到首页

来到 gitee 首页，点击 右上角的加号

vscode安装git,VsCode,vscode,git,vue.js

3.2 新建

选择新建仓库

vscode安装git,VsCode,vscode,git,vue.js

3.3 仓库配置

来到新建仓库页面，自定义仓库名称并创建仓库

vscode安装git,VsCode,vscode,git,vue.js

3.4 完成创建

如图所示，仓库就算创建成功了。（gitee 网页暂时放这儿不动，咱们接着往后看）

vscode安装git,VsCode,vscode,git,vue.js

四、链接远程仓库

4.1 打开vscode

用 vscode 打开我们创建好的 vue 项目，点击 源代码管理 按钮

vscode安装git,VsCode,vscode,git,vue.js

若你没有上图按钮，则跟着下图进行操作。有的话跳过此步骤即可

vscode安装git,VsCode,vscode,git,vue.js

4.2 点击代码管理

点击源代码管理按钮后：

vscode安装git,VsCode,vscode,git,vue.js
vscode安装git,VsCode,vscode,git,vue.js

4.3 复制地址

返回我们创建好的 gitee 仓库，复制仓库地址

vscode安装git,VsCode,vscode,git,vue.js

4.4 链接仓库

贴入地址，添加远程仓库

vscode安装git,VsCode,vscode,git,vue.js
vscode安装git,VsCode,vscode,git,vue.js

4.5 推送代码

推送代码，初始化仓库

vscode安装git,VsCode,vscode,git,vue.js

4.6 查看结果

回到 gitee 并刷新页面，如图所示，代码已经推上来了

vscode安装git,VsCode,vscode,git,vue.js

五、日常代码推送和拉取

注意：养成好习惯，先拉再写。先拉在推

5.1.编辑代码前，最好先拉取一下代码

首先，假如这是一个小组协同开发的项目。那我建议开发之前，先要分工明确，你写首页，我写商品页，他写登录页。尽量避免在同一时间，两人及以上同时对一个文件进行修改。
其次，遵守先拉后推规则，在每次提交代前，都先拉取一下代码。这样即使出现两人同时修改了一行代码的问题，也能留给你更大的余地去解决代码冲突。

5.2 话不多说，先拉代码

vscode安装git,VsCode,vscode,git,vue.js

5.3 推送代码

假如我们写了一些代码后：

vscode安装git,VsCode,vscode,git,vue.js
vscode安装git,VsCode,vscode,git,vue.js

5.4 检查无误，推送代码

vscode安装git,VsCode,vscode,git,vue.js

vscode安装git,VsCode,vscode,git,vue.js

5.5 查看推送情况

返回 gitee ,查看代码推送情况

vscode安装git,VsCode,vscode,git,vue.js文章来源地址https://www.toymoban.com/news/detail-769920.html

六、其他

如果你有其他的问题，也可以评论区留言，包括但不限于，vscode主题设置，背景图片设置等…

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

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

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

相关文章

  • 安装VSCode并打开Git仓库

    打开 https://code.visualstudio.com/ 下载 VSCode Mac版 解压 VSCode-darwin-universal.zip，得到 Visual Studio Code.app 将 Visual Studio Code.app 拖放到 Mac 的“应用程序”里 在应用程序里双击Visual Studio Code打开 VSCode 在VSCode 里按快捷键“command+shift+p” 在打开的输入框里输入 “shell command” 点击下拉菜单

    2024年02月01日
    浏览(21)
  • 在VScode使用git

    在VScode使用git

    第一步：本地建一个项目文件夹； 第二步：用vscode打开这个文件夹； 第三步：点击第三个图标，源代码管理，点击初始化 第四步： 添加远程库 第五步：写入git@gitee.com:XXXXXXX/gittest.git 第六步：定义远程库存储名称： origin ，这是Git默认的叫法，也可以改成别的，但是 origin

    2024年02月11日
    浏览(20)
  • Git - VSCode 使用手册

    Git - VSCode 使用手册

    本文为在 VSCode 中使用 Git 的基本使用手册。 本文仅演示 VSCode 默认提供的 Git 源代码管理功能，进阶Git功能可安装额外的Git插件。 源代码管理 面板中，点击 克隆仓库 输入 仓库URL 仓库URL，示例 选择仓库存储地址 打开仓库或仓库内的项目 源代码管理 面板中，可以看到Git仓库

    2024年02月04日
    浏览(27)
  • 便捷开发技巧——在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日
    浏览(37)
  • vscode结合git使用流程

    vscode结合git使用流程

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

    2024年02月12日
    浏览(27)

  • vscode中git使用指南

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

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

    在VSCode中使用Git教程

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

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

    VSCode中使用Git提交代码

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

    2024年02月04日
    浏览(33)
  • 使用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日
    浏览(37)
  • vscode使用git连接github

    vscode使用git连接github

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

    2024年02月07日
    浏览(38)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包