Visual Studio CodeでGitを使用する方法

編集済み 1 1週間前 によって ExtremeHow 編集チーム

GitビジュアルスタジオコードIDE統合プラグイン拡張機能ワークフロー開発エディター生産性

Gitは、ソフトウェア開発で広く使用されている人気のバージョン管理システムです。コードベースの変更を追跡し、他の開発者との共同作業を行い、プロジェクトの異なるバージョンを管理するのに役立ちます。Visual Studio Code（VS Code）は、Microsoftが開発した強力で軽量なコードエディタで、Gitをサポートする機能が組み込まれています。このガイドでは、Visual Studio CodeでGitを使用する方法について詳しく説明し、開発ワークフローで使用できるさまざまな機能や特徴について議論します。

Visual Studio CodeでのGitの設定

Visual Studio CodeでGitを使用する前に、コンピュータにGitをインストールする必要があります。まだインストールしていない場合は、公式のGitのWebサイトからダウンロードし、そこでの手順に従ってインストールできます。インストール後は、Gitの設定を構成することが重要です。

Gitの設定

Gitがインストールされたら、ユーザー名とメールアドレスを設定する必要があります。これらは変更の作者を特定するためにコミット情報で使用されます。ターミナルまたはコマンドプロンプトを開き、次のコマンドを入力します。

git config --global user.name "your name"
git config --global user.email "youremail@example.com"

VS Codeを開いてGit統合を行う

Visual Studio Codeを起動します。左のアクティビティバーにソース管理アイコンが表示されます（このアイコンは点の付いた分岐のように見えます）。これをクリックしてソース管理ビューを開きます。既にGitリポジトリであるフォルダがVS Codeで開かれている場合、利用可能なすべてのリポジトリが自動検出されます。まだリポジトリでない場合は、エディタから直接初期化できます。

リポジトリを初期化する

既存のプロジェクトでGitリポジトリを初期化するには、ソース管理ビューの「リポジトリを初期化する」ボタンをクリックします。これにより、新しいGitリポジトリがワークスペースに作成され、プロジェクトディレクトリに.gitフォルダが追加されます。このフォルダには、プロジェクトを追跡するためにGitが使用するすべてのメタデータが含まれています。

Visual Studio Codeでの基本的なGitコマンド

リポジトリが初期化されると、Visual Studio Codeのユーザーインターフェースで直接Gitコマンドを使用し始めることができます。ステージング、コミット、変更のプッシュといった基本的なGit操作を見ていきましょう。

ステージング内の変更

ファイルを変更した後、VS Codeはソース管理ビューに新規または変更されたファイルのリストを表示します。これらの変更はコミットする前にステージングする必要があります。ファイルの上にカーソルを合わせ、表示される「+」アイコンをクリックして「ファイルをステージング」します。これは変更をステージングエリアに追加します。または、以下のgitコマンドを使用することもできます。

git add <filename>

変更をコミットする

変更をステージングしたら、それをコミットする必要があります。ソース管理ビューの上部には、コミットメッセージを入力するためのテキストボックスが表示されます。このメッセージは、変更の性質を説明するのに十分な説明的であるべきです。メッセージ入力後、チェックマークアイコンをクリックして変更をコミットします。コマンドラインでのコミットは次のようになります。

git commit -m "Your commit message is here"

変更を前進させる

変更を加えた後、これらはローカルに保存され、まだリモートリポジトリには送信されていません。コミットをリモートリポジトリに更新するには、プッシュできます。リポジトリがGitHubやGitLabなどのリモートサーバーに接続されていることを確認してください。ソース管理ビューの「...」メニューをクリックし、リストから「プッシュ」を選択して変更をプッシュできます。そうでない場合は、次のコマンドを使用してリモートを設定できます。

git remote add origin <remote_url>
git push -u origin master

ブランチを操作する

Gitのブランチは、開発の別々のラインのようなものです。メインのコードベースに干渉せずにプロジェクトの異なる部分を同時に作業できます。VS Codeは、そのインターフェースを通じて簡単なブランチ管理を提供します。

新しいブランチの作成

新しいブランチを作成するには、ソース管理ビューに移動し、「...」メニューをクリックし、「ブランチ」>「ブランチを作成」を選択します。プロンプトが表示されたら、新しいブランチの名前を入力します。コマンドラインを使用してブランチを作成することもできます。

git branch <branch_name>
git checkout <branch_name>

ブランチを変える

別のブランチに切り替えたい場合、VS Codeの左下にあるドロップダウンコントロールを使ってすべてのブランチをリストします。切り替えたいブランチを選択します。コマンドラインを通じて次のように実行します。

git checkout <branch_name>

マージの競合を処理する

ブランチを操作している間にマージの競合に遭遇することがあります。これらは異なるブランチの変更が互いに競合している場合に発生します。Visual Studio Codeの支援を受けて、エディタの組み込みツールを使用してマージの競合を解決できます。

マージの競合を特定する

マージの際に競合が発生した場合、VS CodeのGit出力で通知されます。ソース管理ビューで競合するファイルが強調表示され、エディタで競合するファイルを開くと競合マーカーが表示されます。

マージの競合を解決する

VS Codeは、「現在の変更を受け入れる」、「受信する変更を受け入れる」、「両方の変更を受け入れる」、および手動編集のようなオプションを提供して競合を解決します。必要に応じて適切に選択してください。

リモートを操作する

リモートは、インターネットまたはネットワークのどこかにホストされているプロジェクトのバージョンです。GitHubやGitLabにホスティングされているリモートリポジトリを使用することで、他の人との共同作業がより効率的にできます。

リモートリポジトリの追加

ローカルプロジェクトにリモートリポジトリを追加するには、そのURLが必要です。次のコマンドを使用してリモートを追加します。

git remote add origin <remote_url>

実際のリモートリポジトリのURLで<remote_url>を置き換えることを忘れないでください。

リモートからの取得とドラッグ

リモートの変更でローカルリポジトリを更新したいときは、fetchとpullコマンドを使用します。fetchは、他の人がしたコミットを確認できるようにし（ローカルファイルを変更せずに）、pullは変更をフェッチしてマージします。

git fetch
git pull

結論

Visual Studio CodeでGitをマスターすることで、開発プロセスを大幅に効率化でき、最も人気のあるコードエディタの1つにソース管理機能がシームレスに統合されます。バージョン管理を始めたばかりの方や、現在のワークフローを最適化したいと考えている方にとって、VS CodeでGitを使用することで、プロジェクトを効果的に管理するためのさまざまな機能とコマンドを提供します。

Visual Studio Codeを通じてGitを探求し続ける中で、コマンドを絶えず練習し、インターフェイスに慣れることで、熟練度が向上します。Gitを効果的に使用することで、シームレスなコラボレーションとソフトウェア開発へのより整理されたアプローチが可能となり、コードベースをより良く制御することができます。

  この記事をシェアする

記事の内容に誤りがある場合, あなたは 更新をリクエストできます