コメント
Visual Studio CodeでBitbucketを使用する方法
編集済み 2 数週間前 によって ExtremeHow 編集チーム
ビットバケットビジュアルスタジオコード統合開発IDEコードエディタGitバージョン管理ソフトウェアプログラミング
翻訳が更新されました 2 数週間前
はじめに
BitbucketをVisual Studio Code（VS Code）と統合することは、お気に入りのコードエディタから直接ソースコードを管理するための強力な方法です。Bitbucketは、MercurialとGitの両方をサポートするWebベースのバージョン管理リポジトリホスティングサービスです。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にリポジトリを作成し、コードを保存します。
- Bitbucketアカウントにログインし、リポジトリを作成をクリックします。
- リポジトリの詳細を入力します:
- リポジトリ名： これはプロジェクトの名前です。
- アクセスレベル： リポジトリを公開または非公開にするかを決定します。
- バージョン管理システム： より人気のあるオプションであるGitを選択します。
- リポジトリを作成をクリックします。
これで、Bitbucketにリポジトリが用意されました。
ステップ 2: VS CodeにBitbucket拡張機能をインストールする
シームレスに統合するために、Visual Studio CodeにBitbucket拡張機能をインストールします:
- Visual Studio Codeを開き、ウィンドウの横にあるアクティビティバーの拡張機能アイコンをクリックするか、Windowsではショートカット
Ctrl + Shift + X、macOSではCmd + Shift + Xを使用して、拡張機能ビューに移動します。 - 拡張機能マーケットプレイスでBitbucketを検索します。
- 必要な拡張機能（たとえばAtlassianのBitbucketなど）を見つけて、インストールボタンをクリックします。
インストール後、拡張機能を有効にするためにVS Codeを再起動します。
ステップ 3: リポジトリをVisual Studio Codeにクローンする
BitbucketリポジトリをVisual Studio Codeにクローンすることは、プロジェクトをローカルで作業するための必要なステップです。
- Bitbucketリポジトリでクローンボタンを見つけてクリックします。提供されたURLをコピーします。このURLは
https://bitbucket.org/username/repo-name.gitのようになります。 - Visual Studio Codeを開き、表示 > コマンドパレットを選択するか、Windowsではショートカット
Ctrl + Shift + P、macOSではCmd + Shift + Pを使用します。 - コマンドパレットに
Git: Cloneと入力し、Enterを押します。 - BitbucketからコピーしたリポジトリURLを入力フィールドに貼り付け、
Enterを押します。 - クローンしたリポジトリを保存するためのローカルディレクトリを選択します。ディレクトリを選択した後、作業スペースはクローンされたリポジトリで開かれます。
ステップ 4: Visual Studio CodeでGit操作を行う
リポジトリをセットアップしたら、Visual Studio Code内で直接Git操作を行うことができます。変更を行い、それらをコミットしてBitbucketにプッシュする方法は以下の通りです：
変更を行い、コミットする
- リポジトリ内の任意のファイルを開き、いくつかの変更を加えます。編集後にファイルを保存します。
- アクティビティバーの分岐のようなアイコンをクリックして、ソース管理ビューに切り替えます。
- 変更されたファイルのリストが表示されます。変更をステージするには、ファイルの横にある+アイコンをクリックするか、すべての変更をステージをクリックします。
- 変更内容を説明するコミットメッセージをメッセージボックスに入力します。
- コミットをクリックして、ローカルリポジトリに変更を保存します。
変更を進める
- Bitbucketに変更をプッシュするには、ソース管理ビューで省略記号（三つ点）をクリックし、プッシュを選択します。
- プロンプトが表示された場合は、Bitbucketの資格情報を入力します。これにより、コミットされた変更がBitbucketサーバーに送信されます。
変更を取り入れる
リモートリポジトリに取り入れたい更新がある場合、次のようにしてそれらをローカルリポジトリにプルする必要があります：
- ソース管理ビューで、省略記号（三つ点）をクリックし、プルを選択します。
- マージ競合がない場合、リモートの変更がローカルリポジトリに適用されます。
ステップ 5: Visual Studio Codeでのブランチ管理
ブランチを使うことで、開発のメインライン（通常はマスターブランチまたはメインブランチと呼ばれます）に影響を与えずに、異なる機能や改善に取り組むことができます。Visual Studio Codeを使えば、ブランチ管理は簡単です。
- ソース管理ビューで、VS Codeウィンドウの下部にあるブランチ名をクリックします。
- + 新しいブランチを作成...を選択し、新しいブランチ名を提供します。
- 作成後、新しいブランチがアクティブブランチになり、行った変更はこのブランチに適用されます。
- ブランチを変更するには、現在のブランチ名を再度クリックし、リストから別のブランチを選択します。
ブランチを使うことで、他の人々から自分の作業を隔離し、マージする準備ができたときに統合することができます。
ステップ 6: マージ競合の管理
ローカルブランチで行った変更がリモートリポジトリでの変更と衝突する場合、競合が発生します。ここでは、マージ競合を管理する方法を紹介します：
- 競合する変更を行うと、Visual Studio Codeが競合について通知します。
- 競合しているファイルを開きます。VS Codeは、
<<<<<<< HEADや<<<<<<< Branch_Nameなどのマーカーを表示して競合を示します。 - コピー元の変更を保持するか、既存の変更を保持するか、両方を保持するかを決定し、解決を反映するようにファイルを編集します。
- 競合を解決した後は、解決済みのファイルの隣にある+アイコンをクリックすることでファイルをステージします。
- ソース管理ビューに解決を表示します。
これで、競合なくマージが完了しました。
ステップ 7: 設定と統合を設定する
Visual Studio Codeは、Gitエクスペリエンスをカスタマイズするための多くの設定オプションを提供しています。生産性を高めるために追加のツールやプラグインを統合することができます。
- 設定にアクセスするには、Windowsではファイル > 設定 > 設定を、macOSではコード > 設定 > 設定を使用します。
- GitLensなどの拡張機能を使用すると、コミットの検索やビジュアル履歴などの高度な機能を使用してGitの機能を向上させることができます。
結論
このガイドを順に追うことで、BitbucketとVisual Studio Codeの両方を活用した完全に機能するワークフローができるようになったはずです。これらのツールを一緒に使用することで、あらゆるソフトウェア開発プロジェクトにおいて効率的で効果的なソースコード管理の環境が提供されます。定期的に練習し、コミュニティのリソースを参照して、これらの技術に関する習熟度をさらに高めることをお勧めします。バージョン管理やエディタの操作を習得するための鍵は、継続的な使用と探究です。
記事の内容に誤りがある場合, あなたは