HBuildX和VS Code关联git和github

原创 已于 2023-08-03 20:20:24 修改 · 1k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#git #github

于 2023-07-21 10:24:23 首次发布
文章详细介绍了如何在HBuilderX和VSCode中关联Git并配置GitHub。这包括安装Git插件、设置SSHkey、配置TortoiseGit，以及在GitHub上配置SSHkey，最后演示了在HBuilderX和VSCode中进行代码编辑、拉取、提交和推送的流程。

HBuildX和VS Code关联git和github

HBuildX和VS Code关联git和github

HBuildX关联git和github

1.HBuilderX安装Git插件

点击菜单【工具】–>【插件安装】, 安装Git插件

注意：windows上 git插件依赖tortoisegit ； tortoisegit下载地址：https://tortoisegit.org/
在这里插入图片描述

2. 配置Git环境

通常是配置ssh key。

因为本地Git仓库和Git仓库之间的传输是通过SSH加密的，所以必须要让git仓库认证你SSH key，在此之前，必须要生成SSH key。

windows上命令行使用git，需要用到Git Bash；Git下载地址： https://git-scm.com/download/win
下载后安装，如下图。

在这里插入图片描述

在windows下查看 c盘—>用户—>自己的用户名---->ssh]下是否有id_rsa、id_rsa.pub文件，如果没有需要手动生成。

打开git bash，输入如下命令：

$ ssh-keygen -t rsa -C "youremail@example.com"

在这里插入图片描述
输入命令后， 会在.ssh目录下，生成id_rsa id_rsa.pub两个文件。
在windows下查看 c盘—>用户—>自己的用户名---->ssh]下是否有id_rsa、id_rsa.pub文件，如果没有需要手动生成。

在这里插入图片描述

3.配置Tortoise Git

右键Tortoise Git --> Settings，选择network，路径改成git安装的ssh.exe，如下图；
在这里插入图片描述

4.导入github项目

复制id_rsa.pub文件里的秘钥 在github里面配置SSH
setting --> SSH and GPG keys --> new SSH key，输入名称，复制秘钥，保存
在这里插入图片描述
在项目文件夹下克隆，或者直接git clone如图操作：
在这里插入图片描述
输入git clone +github项目地址，提示成功即可
在这里插入图片描述

在这里插入图片描述

1.github项目代码编辑后在HBuilderX上拉取

按下图操作：添加一行2222，提交
在这里插入图片描述
在HBulidX里面拉取，修改成功
在这里插入图片描述
在这里插入图片描述

2.项目传到github

按下图操作
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
隐藏的项目可以查看.git
在这里插入图片描述
右键点击项目文件夹，会有相应git操作，点击git同步 -->manage -->按图填写，输入自己的姓名和邮件地址
确认后关闭
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

然后点击git提交，输入message，提交即可
在这里插入图片描述
右键git --> 推送
在这里插入图片描述
按照提示登录github即可正常推送

参考Blog：https://blog.youkuaiyun.com/qq_35091074/article/details/126089379

VS Code关联git和github

1.安装git，同上
2.在项目文件夹创建github文件夹
在这里插入图片描述
3.配置git环境，同上，配置SSH，同上
4.在github创建一个项目，如图
在这里插入图片描述
在这里插入图片描述
5.根据项目的SSH连接在github文件里克隆
在这里插入图片描述
Git Bash here --> git clone +SSH地址
6.重启VS Code打开github文件夹里的项目文件
7.修改文件，右侧源文件管理
在这里插入图片描述
8.按图操作输入message，提交到git
在这里插入图片描述
9.推送正常即可，如图
在这里插入图片描述

Youzi#1309
关注
VS Code + GitHub：高效开发工作流指南
moton2017的博客
04-21 1031
VS Code + GitHub：高效开发工作流指南
两万文字教你掌握Git和GitHub的使用
herosunly的博客
07-14 1万+
1. 什么是Git和GitHub? 2. 安装Git和GitHub 2.1 安装GitHub 2.2 安装Git 3. Git初尝试 3.1 总结 3.2 练习 4. Git重要特性 4.1 帮助、日志和比较 4.2 忽略文件 4.3 总结 4.4 练习 5. 分支 5.1 总结 5.2 练习 6. GitHub 6.1 Markdown 6.2 Pull Requess 6.3 Pages 6.4 Forking 6.5 总结 6.6 练习.....................
HTML编辑器与开发工具推荐——vscode & Sublime Text & Atom & HBuilderX
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
05-15 5709
HBuilderX拥有丰富的插件生态系统，开发者可以根据自己的需求安装和使用各种插件，扩展HBuilderX的功能。HBuilderX作为一款轻量级的IDE，仅10余M的绿色发行包（不含插件），启动速度快，大文档打开速度快，编码提示响应速度快。Sublime Text是一款高度可定制的文本编辑器，以其优雅的用户界面、强大的功能和卓越的性能而受到开发者的喜爱。希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。🙈吾辈才疏学浅，摹写之作，恐有瑕疵。
【HBuilderX 中 Git 的使用】
一枚在代码世界摸爬滚打的后端开发工程师，在0和1的世界里，持续迭代自我！
01-17 9705
本文详细的介绍了如何在HBuilderX中通过Git克隆Github上的项目，已经将本地项目上传至Github上。
HBuilder x 使用Git管理项目，配合easy-git插件管理项目代码配置git和推送/拉取使用教程
07-19 8831
查看远程仓库是否如图以下两张图所示，有代码信息，表示已推送成功哦。由于作者的远程仓库没有数据，并且创建相同的项目名称所以一下是删除远程仓库方式。3.点击进入到详情页面 如图所示：点击下载并导入Hbuilder x。点击下载提示需要登录，点击登录。如果没有账号，注册账号之后再登录，点击项目，鼠标右键---》点击easy-git:源代码管理。进入市场，点击搜索git下滑页面，找到如图所示，点击进去。1..修改Hbuilder x 仓库名称即可解决，点击项目管理器，回到项目页面，继续配置还没有完成。
HBuilderx使用Git插件配置并上传代码（使用小乌龟）
qq_44792224的博客
01-18 3181
检查 HBuilderx 是否安装 git插件 （如果没有请自行安装）
HBuilderX使用Git
haoranhaoshi的博客
08-31 1876
HBuilderX
精选资源
Git和GitHub：从入门到实践，第1部分Git和GitHub基础简介
02-24
本文来自ibm，文章从概念的角度介绍版本控制系统、Git和GitHub，并着重通过一些实验来演示Git的基础特性。Git是目前业界最流行的版本控制系统（VersionControlSystem），而GitHub是开源代码托管平台的翘楚。越来越多...
如何在 Visual Studio Code 中克隆 GitHub 上的 Git 仓库？
山岚的运维笔记
05-15 1589
GitHub 作为全球最大的交友而流行的平台，它使用 Git 这个分布式版本控制系统。它允许托管和协作软件项目。微软的 Visual Studio Code（VS Code）是一个开源许可下发布的开发平台。将 GitHub 的强大功能与 VS Code 的便利性结合起来，可以让开发者高效地开展项目并与其他开发者协作。让我们来学习如何将 GitHub 上的 Git 仓库克隆到 Visual Studio Code 中。
精选资源
curso-frontend:学习如何将 Git 和 Github 与 Visual Code Studio 一起使用的项目
08-03
git clone https://github.com/dudeHQ/curso-frontend.git 提交 更改信息 测试完所有代码后 git add * git commit -m "mensagem" git push (enviar alterações para o repositório) git pull (puxa / traz
HbuilderX中的git的使用
战场战魁
12-29 1118
原文链接。
HBuilder git使用教程
oskey_ykf
09-28 1万+
1.插件安装 打开HBuilder,工具->插件安装。 等待安装，成功后提示重启后生效，立即重启。 2.在码云上新建一个项目，复制项目地址。 码云地址：https://gitee.com/ 3.打开HBuilder导入git项目。 下一步选择master分支（一般项目
HbuilderX配置Git插件并从导入项目
热门推荐
tianmacgw的专栏
05-28 2万+
一、安装Git（如果电脑已经有了可以跳过这一步）（官网下载地址：https://git-scm.com/downloads） 32位：Git-2.21.0-32-bit.exe 64位：Git-2.21.0-64-bit.exe 二、安装TortoiseGit工具（下面提供了32位安装包、64位安装包以及简体中文语言包，也可以自己从官网下载，下载地址：https://tortoiseg...
HBuilderX 中项目采用git进行管理
dabo_520的博客
11-08 473
一、在外部资源管理器打开。
HBuilder连接git,github的操作
gaoqiang1112的博客
08-03 6752
首选 你要将你的hbuilder更新到最新版本 因为一般更新版本后 都会多出很多插件 防止你使用的hbuilder没有最新插件 这是从创建github 到将新项目 传入github中 1.github拿到我URL 2.在hbuilder中找到我的git库的视图 选择3个图标中的第二个 clone 3.将我们url 输入到响应的地址 4.填入我们的用户名和密码 并选中 保存信息 5.点击...
HBuilderX使用代码托管功能，安装git插件
沐雨橙风ιε的博客
11-10 1万+
HBuilderX是前端开发人员可能经常会用的开发工具，有很好的语法提示和检查，今天就介绍一下HBuilderX中怎么才能提交代码到git仓库上。
在HBuilderX的git上导入github项目/把项目传到github
彬sir哥的博客
08-02 2989
在github上创建仓库项目url：https://github.com/caobin10/MyDemo5.git，在用户信息上输入github的用户名和qq的邮箱，之后点击“应用”——“确定”Git插件依赖TortoiseGit，请先安装该软件。在HBuilderX上点击“文件”➝“打开目录”选择。想放在路径文件夹上，在这文件夹空区上右键选择。在HBuilderX上导入刚克隆的项目就即可。选择“Git 同步”选择“Git 提交”...
在Hbuilder中的项目传到github的步骤
weixin_30622181的博客
01-08 2397
一、Hbuilder安装github插件 选择工具下面的插件安装就可以看到，然后安装所需要的github插件，这里我已经安装了，没安装的只需要点击选择按钮，然后安装就可以。 二、在你的github上创建一个存放项目的库 在这里创建一个库就可以啦，创建成功后如下图所示，然后我们就需要复制这个地址，创建成功后我们就到Hbuilder软件去 三...
如何用HBuilder X进行git同步
wen
07-16 1641
上图的URL填写要提交仓库HTTP。点击【工具】，选择【插件安装】【右键项目目录】-【同步】
怎么切换VS code关联的GitHub账号
最新发布
10-10
<think>首先，用户的问题是：“我想查找在VS code中切换关联的GitHub账号的方法 请问VS code切换关联的GitHub账号的方法”。这表明用户想知道如何在VS Code中切换关联的GitHub账号。 我收到了一些引用内容： - 引用[1]：关于一台设备管理多个GitHub账号的指南，提到通过SSH密钥配置实现多账号无缝切换。 - 引用[2]：关于在VS Code中访问服务器、连接GitHub项目的基本git命令，如切换分支、提交代码等。 - 引用[3]：关于在VS Code中使用Settings Sync插件同步设置到GitHub账号。 用户指定要参考这些引用，所以我需要基于这些信息来回答。指令说：“上述引用仅供参考，并不是用户真正的需求，请尽可能多的参考用户上一次的问题和你的回答。”但在这个对话中，这是用户的第一条消息，所以没有“上一次的问题和回答”。用户说“参考站内引用”，所以我应该优先使用这些引用。 用户的问题具体是关于在VS Code中切换关联的GitHub账号。关联的GitHub账号可能指的是用于git操作的账号或VS Code扩展的账号。 从引用中提取相关点： - 引用[1]：强调通过SSH密钥管理多个GitHub账号。这涉及到git的配置，比如`.gitconfig`文件，设置不同的SSH密钥for不同的GitHub账号。 - 引用[2]：提到在VS Code中使用git命令，如`git checkout`、`git pull`等，但没有直接讨论切换账号的方法。它建议学习基本的git命令。 - 引用[3]：关于VS Code的Settings Sync插件，用于同步设置到一个GitHub账号。这需要登录GitHub账号来同步配置。 所以，切换关联的GitHub账号可能有两个方面： 1. **Git操作方面**：当使用git命令在VS Code中推送代码时，需要切换git配置到的GitHub账号。这可以通过设置git的user.name和user.email，或者通过SSH密钥配置。 2. **VS Code设置同步方面**：如果用户使用像Settings Sync这样的插件，切换关联的账号可能需要登录不同的GitHub账号在插件中。 用户的问题没有指定是哪个方面，但我需要基于引用和常见场景来回答。 核心答案应该包括： - 从引用[1]：管理多个GitHub账号的关键是SSH配置。设置不同的SSH密钥，并在git仓库中配置使用哪个密钥。 - 从引用[3]：VS Code的Settings Sync插件需要登录GitHub账号。要切换账号，可能需要登出并登录不同的账号。 此外，在VS Code中，git操作是通过内置的git集成进行的，所以切换git账号会影响推送代码时的身份。 步骤式指南： 1. **配置多个GitHub账号的SSH密钥（基于引用[1]）**： - 为每个GitHub账号生成SSH密钥。 - 在SSH配置文件中（`~/.ssh/config`）设置别名，例如： ``` Host github.com-personal HostName github.com User git IdentityFile ~/.ssh/id_rsa_personal Host github.com-work HostName github.com User git IdentityFile ~/.ssh/id_rsa_work ``` - 在git仓库中，更改远程URL以使用这些别名，例如：`git remote set-url origin git@github.com-personal:username/repo.git` 2. **在VS Code中使用git时切换账号**： - VS Code会自动使用git配置。所以，在终端中设置git user.name和user.email per repository： - 全局设置：`git config --global user.name "User Name"` 和 `git config --global user.email "email"` - 或局部设置：在仓库目录中，`git config user.name "User Name"` 和 `git config user.email "email"` - 对于SSH，确保远程URL正确。 3. **对于VS Code Settings Sync（基于引用[3]）**： - 安装Settings Sync插件。 - 要切换关联的GitHub账号，在VS Code中： - 打开命令面板（Ctrl+Shift+P），搜索 "Sync: Reset Settings" 或类似命令来重置同步。 - 然后重新登录到不同的GitHub账号。 - 具体步骤：打开命令面板 > "Settings Sync: Login" 或 "Reset Settings"。 回答结构： - 先解释切换关联GitHub账号的不同场景。 - 提供分步指南。 - 使用指令要求的格式：中文回答，行内数学表达式用$...$，但这里可能没有数学表达式，所以忽略。 - 生成相关问题。 确保回答真实可靠：基于标准实践和引用内容。 最后，生成相关问题。 </think>以下是针对您的查询——在 VS Code 中切换关联的 GitHub 账号——的详细解答。基于您提供的引用内容（特别是引用[1]、[2]、[3]），关联 GitHub 账号在 VS Code 中通常涉及两方面：**Git 操作（如推送代码）** 和 **VS Code 设置同步（如使用 Settings Sync 插件）**。切换账号的核心在于配置 Git 和 SSH 密钥，或调整 VS Code 插件设置。我会分步解释方法，参考引用内容确保实操性。 ### 1. **理解切换关联 GitHub 账号的场景** - **Git 操作方面**：当您在 VS Code 终端或内置 Git 功能中提交、推送代码时，GitHub 账号关联取决于 Git 配置（user.name, user.email）和 SSH 密钥。默认情况下，Git 使用全局配置，但多个账号需要本地仓库配置（引用[1]）。 - **VS Code 设置同步方面**：如果您使用 Settings Sync 等插件同步 VS Code 设置（如快捷键、插件），切换账号需重新登录 GitHub（引用[3]）。 - 关键点：VS Code 本身不直接“登录” GitHub 账号；切换关联账号主要通过底层 Git 工具或插件实现。引用[1]强调了 SSH 密钥管理的重要性，而引用[3]提供了插件级解决方案。 ### 2. **在 VS Code 中切换 GitHub 账号的分步方法** 以下是详细步骤，分为 Git 操作切换和插件设置切换。操作基于 Windows/macOS/Linux 通用，使用 VS Code 内置终端或命令面板（打开命令面板：`Ctrl+Shift+P` 或 `Cmd+Shift+P`）。 #### **步骤 1: 切换 Git 操作关联的 GitHub 账号（用于代码推送）** 此方法适用于提交代码时切换账号身份，基于引用[1]的 SSH 密钥配置。核心是为每个 GitHub 账号创建独立 SSH 密钥，并在 Git 仓库中指定使用哪个密钥。 1. **为每个 GitHub 账号生成 SSH 密钥**（如果尚未设置）： - 打开 VS Code 终端（`Terminal > New Terminal`）。 - 生成密钥对（例如，个人账号和工作账号）： ```bash # 生成个人账号密钥（保存到 ~/.ssh/id_rsa_personal） ssh-keygen -t rsa -b 4096 -C "personal@email.com" -f ~/.ssh/id_rsa_personal # 生成工作账号密钥（保存到 ~/.ssh/id_rsa_work） ssh-keygen -t rsa -b 4096 -C "work@email.com" -f ~/.ssh/id_rsa_work ``` - 将公钥（如 `id_rsa_personal.pub`）添加到对应 GitHub 账号的 SSH keys 设置中（登录 GitHub > Settings > SSH and GPG keys）。 2. **配置 SSH 别名（在 `~/.ssh/config` 文件中）**： - 在终端中编辑或创建 SSH 配置文件： ```bash code ~/.ssh/config # 用 VS Code 打开文件 ``` - 添加别名配置（参考引用[1]），例如： ``` # 个人账号配置 Host github.com-personal # 别名：github.com-personal HostName github.com User git IdentityFile ~/.ssh/id_rsa_personal # 工作账号配置 Host github.com-work # 别名：github.com-work HostName github.com User git IdentityFile ~/.ssh/id_rsa_work ``` - 保存文件并关闭。 3. **在 Git 仓库中切换远程 URL 使用别名**： - 在 VS Code 中打开您的项目仓库。 - 在终端中，更改远程仓库 URL 以匹配别名： ```bash # 切换到个人账号（原 URL 是 git@github.com:username/repo.git，改为使用别名） git remote set-url origin git@github.com-personal:username/repo.git # 或切换到工作账号 git remote set-url origin git@github.com-work:username/repo.git ``` - 验证切换：运行 `git remote -v` 查看 URL 是否更新。 4. **设置本地 Git 用户信息（可选但推荐）**： - 每个仓库可以独立配置 user.name 和 user.email（引用[2]提到基本 git 命令）： ```bash # 在仓库目录中设置（仅影响当前仓库） git config user.name "Your Personal Name" git config user.email "personal@email.com" # 或全局设置（默认所有仓库，但多账号时不推荐） git config --global user.name "Your Name" git config --global user.email "email@example.com" ``` - 在 VS Code 中提交代码时，内置 Git 会使用此配置。 5. **在 VS Code 中测试切换**： - 进行 Git 操作（如推送）：在 VS Code Source Control 面板（左侧图标）提交更改后，点击推送。系统会使用配置的 SSH 密钥验证账号。 - 如果提示权限错误，确保 SSH 密钥已添加到 GitHub 且 URL 正确。 #### **步骤 2: 切换 VS Code 设置同步关联的 GitHub 账号（用于插件同步）** 如果使用 Settings Sync 插件（引用[3]）同步 VS Code 配置，切换账号需重置插件登录状态。Settings Sync 通过 GitHub Gist 存储设置。 1. **安装和配置 Settings Sync 插件**： - 在 VS Code 中，搜索并安装 "Settings Sync" 插件。 - 首次设置：打开命令面板 > 输入 "Sync: Login" > 选择登录方式（如 GitHub）。这将关联当前 GitHub 账号。 2. **切换关联账号**： - 打开命令面板（`Ctrl+Shift+P` 或 `Cmd+Shift+P`）。 - 输入 "Sync: Reset Settings" 并执行。这会清除当前登录状态。 - 重新登录：再次运行 "Sync: Login" 命令，并使用新 GitHub 账号登录。 - 插件会自动同步设置到新账号的 Gist。 3. **验证切换**： - 检查同步状态：运行 "Sync: Show Settings" 查看当前关联的 Gist URL（应与新账号匹配）。 - 更改 VS Code 设置（如主题），它会自动同步到新账号。 ### 3. **常见问题解决** - **权限错误（如 `Permission denied`）**：确保 SSH 密钥配置正确，且远程 URL 使用别名（引用[1]）。试试 `ssh -T git@github.com-personal` 测试连接。 - **VS Code 不识别 Git 配置**：重启 VS Code 或运行 `git config --list` 在终端检查当前设置。 - **Settings Sync 登录失败**：确保 GitHub 账号有权限创建/访问 Gist（引用[3]）。 - 最佳实践：多个账号时，为每个仓库单独配置 Git 用户信息，避免全局设置冲突（引用[1]）。 ### 总结 在 VS Code 中切换关联 GitHub 账号，主要方法是： - **Git 操作**：通过 SSH 密钥别名和本地 Git 配置切换（步骤 1）。 - **设置同步**：通过 Settings Sync 插件重置登录状态（步骤 2）。 这些方法基于通用实践和引用内容，确保无缝切换。如果您有特定场景（如组织账号），提供更多细节我可以补充。
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值