如何在 Visual Studio Code 中使用 Bitbucket

已编辑 2 几周前 通过 ExtremeHow 编辑团队

Bitbucket代码托管Visual Studio Code编码工具集成开发集成开发环境代码编辑器Git版本控制版本控制软件编程

介绍

将Bitbucket与Visual Studio Code (VS Code) 集成是一种直接从您喜爱的代码编辑器管理源代码的强大方式。Bitbucket 是一个基于网络的版本控制存储库托管服务，支持 Mercurial 和 Git。Visual Studio Code 是一个轻量级的代码编辑器，可以在桌面上运行，适用于 Windows、macOS 和 Linux。

在本综合指南中，我们将向您介绍在 Visual Studio Code 中使用 Bitbucket 所需的步骤。我们将介绍在 Bitbucket 上设置存储库、使用 VS Code 克隆存储库以及执行常见的版本控制任务。通过本指南，您将深入了解这些工具如何协作来增强您的编码工作流程。

先决条件

在开始之前，请确保您的开发计算机上已安装以下内容：

• Git： 一种分布式版本控制系统。确保您可以从命令行访问它。
• Visual Studio Code： 从官方网站下载并安装最新版本。
• Bitbucket 账户： 如果您还没有一个，请注册一个 Bitbucket 账户。

步骤 1：在 Bitbucket 上创建存储库

要开始在 Visual Studio Code 中使用 Bitbucket，您需要在 Bitbucket 上创建一个存储库来存储您的代码。

1. 登录到您的 Bitbucket 账户，然后点击创建存储库。
2. 输入存储库详细信息：
   • 存储库名称： 这是您项目的名称。
   • 访问级别： 决定您的存储库应该是公共的还是私有的。
   • 版本控制系统： 选择Git（更流行的选项）。
3. 点击创建存储库。

现在您的存储库已经在 Bitbucket 上准备好了。

步骤 2：在 VS Code 中安装 Bitbucket 扩展

为了实现无缝集成，请在 Visual Studio Code 中安装 Bitbucket 扩展：

1. 打开 Visual Studio Code，转到扩展视图，通过点击窗口侧面活动栏中的扩展图标，或在 Windows 上使用快捷键Ctrl + Shift + X，在 macOS 上使用Cmd + Shift + X。
2. 在扩展市场中找到Bitbucket。
3. 找到您需要的扩展（例如 Atlassian 的 Bitbucket），然后点击安装按钮。

安装后，重启 VS Code 以激活扩展。

步骤 3：将您的存储库克隆到 Visual Studio Code

将 Bitbucket 存储库克隆到 Visual Studio Code 是在本地处理项目的必要步骤。

1. 在 Bitbucket 存储库中，找到克隆按钮并点击它。复制提供的 URL；它应类似于https://bitbucket.org/username/repo-name.git。
2. 打开 Visual Studio Code，选择查看 > 命令面板或在 Windows 上使用快捷键Ctrl + Shift + P，在 macOS 上使用Cmd + Shift + P。
3. 在命令面板中输入Git: Clone并按Enter。
4. 将从 Bitbucket 复制的存储库 URL 粘贴到输入字段中并按Enter。
5. 选择一个本地目录来存储克隆的存储库。选择目录后，您的工作空间将打开，并带有克隆的存储库。

步骤 4：在 Visual Studio Code 中执行 Git 操作

设置存储库后，您可以直接在 Visual Studio Code 中执行 Git 操作。以下是您可以如何进行更改、提交更改并将其推送到 Bitbucket：

进行更改和提交

1. 打开存储库中的任何文件并对其进行一些更改。编辑后保存文件。
2. 通过点击活动栏中的源代码控制图标（看起来像一个分支）切换到源代码控制视图。
3. 您将看到一个包含更改文件的列表。要暂存您的更改，请点击文件旁边的+图标，或点击顶部的暂存所有更改。
4. 在消息框中提供描述更改的提交消息。
5. 点击提交以将更改保存到本地存储库。

推进更改

1. 要将更改推送到 Bitbucket，请点击源代码控制视图中的省略号（三个点），然后选择推送。
2. 如果出现提示，请输入您的 Bitbucket 凭据。这将把提交的更改发送到 Bitbucket 服务器。

引入更改

如果远程存储库有要包含在本地存储库中的更新，您需要拉取这些更改：

1. 在源代码控制视图中点击省略号（三个点），然后选择拉取。
2. 如果没有合并冲突，远程更改将应用于您的本地存储库。

步骤 5：在 Visual Studio Code 中进行分支

分支允许您在不影响开发主线（通常称为主分支或主分支）的情况下处理不同的功能或改进。Visual Studio Code 使分支变得简单。

1. 在源代码控制视图中点击 VS Code 窗口底部的分支名称。
2. 选择+ 新建分支...，然后提供新分支的名称。
3. 创建后，您的新分支将成为活动分支，您进行的任何更改都将应用于此分支。
4. 要更改分支，请再次点击当前分支名称，然后从列表中选择另一个分支。

分支允许您在准备合并之前将工作与他人隔离。

步骤 6：管理合并冲突

有时，局部分支上的更改与远程存储库中的更改也被修改时，会出现冲突。以下是如何管理合并冲突：

1. 当您进行的更改与本地更改发生冲突时，Visual Studio Code 将通知您冲突。
2. 打开有冲突的文件。VS Code 会显示冲突标记，显示诸如<<<<<<< HEAD和<<<<<<< Branch_Name的信息。
3. 决定是保留即将到来的更改、现有更改还是两者都保留。编辑文件以反映解决方案。
4. 解决冲突后，通过点击您解决的分支旁边的+图标来暂存文件。
5. 在源代码控制视图中提交您的解决方案。

现在合并已完成，没有任何争议。

步骤 7：配置设置和集成

Visual Studio Code 提供了大量的配置选项来定制您的 Git 使用体验。您可以集成额外的工具和插件以提高生产力。

• 通过 Windows 上的文件 > 首选项 > 设置或 macOS 上的代码 > 首选项 > 设置访问设置。
• 使用像GitLens这样的扩展，通过高级功能（如提交搜索和可视化历史记录）增强您的 Git 能力。

结论

通过遵循本指南，您现在应该具备充分运用 Bitbucket 和 Visual Studio Code 的工作流程。这些工具结合使用时，为管理任何软件开发项目中的源代码提供了高效和有效的环境。经常练习并参考社区资源，以进一步提高对这些技术的掌握水平。请记住，熟练使用版本控制和编辑器的关键在于持续使用和探索。

  分享本文

如果你发现文章内容有误, 您可以 请求更新