この記事では、VS Code で一般的な Git ビジュアル操作を実行する方法を学びましょう。
予備作業
VS Code で Git を使用する方法を紹介する前に、まず強力な VS Code プラグインである Git Extension Pack を紹介します。これは、バージョン管理と共同開発をより便利にするために、一般的に使用される Git ツールと機能のセットを提供するように設計されています。このプラグインには、いくつかの Git 関連の拡張機能が含まれています。
- Git 履歴 (git log ): Git コミット レコード、ファイル、または行の履歴を表示できます。この拡張機能を使用すると、プロジェクトのバージョン履歴をすばやく参照し、各提出物に含まれる変更内容と作成者情報、およびファイルや行の詳細な変更を表示できます。
- プロジェクト マネージャー: 異なるプロジェクト間を簡単に切り替えます。この拡張機能は、さまざまなプロジェクト構成を簡単に保存およびロードし、作業環境をすばやく切り替えることができるプロジェクト マネージャーを提供します。
- GitLens : Visual Studio Code に組み込まれた Git 機能を強化します。インライン Git 責任アノテーションとコード レンズを使用して、コードの歴史と作成者情報をより深く理解します。コードの各行の最後の変更者、最近のコミット情報を簡単に表示でき、リモート リポジトリ上の関連コード スニペットを直接表示することもできます。
- gitignore :
.gitignoreファイルの言語サポートを提供し、このファイルをより簡単に管理および生成できるようにします。同時に、.gitignoreGitHub リポジトリから共通のファイル テンプレートを取得して、プロジェクト内で追跡する必要のないファイルやフォルダーをすぐに無視することもできます。 - GitHub / Bitbucket / VisualStudio.com で開く: GitHub、Bitbucket、または VisualStudio.com のコードに直接ジャンプする機能を提供します。対応するリンクをクリックすると、関連するコード リポジトリがすぐに開き、指定した行番号またはファイルの場所にジャンプできます。
1 つのプラグインに 5 つの人気プラグインのすべての機能が含まれています。
インストールが完了したら、VS Code で Git を視覚的に使用する方法を見てみましょう。
新しい VS Code ウィンドウを開くときは、プロジェクトを開く必要があります。ローカル ファイルでプロジェクトを開くことも、リモート ウェアハウスからプロジェクトを直接複製することもできます: リモートからウェアハウスを複製することを選択した場合は、次のように入力します
。リモート ウェアハウス アドレスを入力して Enter キーを押します。
ここで、クローンを作成する Git リンクを入力できます。これは、Github、Gitlab、Gitee、またはプライベートにデプロイされた Git ウェアハウス リンクです。Github リモート リポジトリからクローンを作成することもできます。Github にログインし、独自のリポジトリを見つけてクローンを作成するだけです。
クローン作成が完了すると、ファイルはローカルに保存され、直接開くことができます。
gitクローン
Git では、ブランチを使用して、コード ベースの複数のバージョンを同時に作業できます。ソース コード管理サイドバーの下部に現在のブランチが表示されます。
gitブランチ
*ブランチが変更されていない場合は、ブランチ名が 1 つだけ表示されます。変更がある場合は、次のようにブランチ名の右上隅にブランチ名が 1 つ表示されます: ブランチを切り替えるには、ブランチ名をクリックする必要があり
ますをクリックすると、すべてのブランチのリストが表示されます:
OK ご覧のとおり、ブランチには 2 種類あり、1 つはブランチ アイコン、もう 1 つはクラウド アイコンです。前者はローカル ブランチを表し、後者はリモート ブランチを表します。ローカル ブランチをクリックすると対応するブランチに切り替わり、リモート ブランチをクリックするとリモート ブランチがローカル ブランチに同期され、同じ名前のブランチがローカルに作成されます。
ブランチの名前を変更する場合は、次の操作を実行できます。 を
クリックした後、新しいブランチ名を入力します。
ブランチが不要になった場合は、ブランチを削除することもできますが、ブランチを削除する場合は、まず別のブランチに切り替える必要があることに注意してください。
[ブランチの削除] をクリックし、削除するブランチを選択します。
gitリベース
次の手順に従って、リベース操作を実行できます。
git チェックアウト
上部にブランチ作成操作が 2 つあり、1 つ目は現在のブランチから新しいブランチを作成する操作で、新しいブランチ名を入力して作成します。2 番目の方法は、指定したブランチから新しいブランチを作成することです。最初に作成元のブランチを選択し、次に新しいブランチ名を入力する必要があります。最初の方法を使用して新しいブランチを作成すると、現在のブランチが変更されます
。新しい支店にも持ち込まれます。
gitマージ
ブランチをマージする場合は、次の操作を実行できます。
クリックした後、現在のブランチにマージするブランチを選択し、マージするブランチを選択するだけです。
gitプッシュ
新しく作成したブランチは、 [ブランチの公開] ボタンをクリックすることでリモート ウェアハウスに公開できます。
コードを変更すると、ソース コード管理サイドバーで変更されたファイルを確認できます。
- ファイルが削除された場合、変更内容に表示されるファイル名に取り消し線が引かれ、
D末尾に削除されたことを示すマークが表示されます。 - ファイルが変更されている場合、変更箇所に表示されるファイル名の末尾に
M変更されたことを示すマークが表示されます。このファイルにコードチェックエラーがある場合は、ファイル名のM先頭に上記の package.json のように、 1 つのエラーが発生します。 - 新しいファイルが追加された場合、変更箇所に表示されるファイル名の末尾に
U追跡対象外であることを示すマークが表示されますが、新規ファイルのため追跡対象外となります。
git add
すべてのファイルを一時的に保存したい場合は、「変更」行の上にマウスを置き、その後ろにある➕をクリックします。
一部のファイルのみを一時的に保存したい場合は、変更する必要があるファイル名の上にマウスを置きます。
この一時保存操作はgit addコマンドの実行と同じです。そのうちの 2 つをここに一時保存します。一時保存後は次のようになります。
gitリセット
変更をキャンセルしたい場合は、変更の後ろにある「元に戻す」ボタン (「すべて元に戻す」) またはファイルの後ろにある「元に戻す」ボタン (「単一を元に戻す」) をクリックするだけです。
gitコミット
一時ファイルの場合は、コミット操作を実行できます。上の入力ボックスにコミット情報を入力して、「送信」ボタンをクリックするだけです:
コミットされていないファイルも取り消すことができます。一時変更の行にある ➖ または取り消す必要があるファイルの後ろにある ➖ をクリックするだけです。クリックすると、これらのファイルは変更内容に戻り、引き続き変更を続けることができます。
git スタッシュ
ご覧のとおり、変更を行っている場合でも、変更を一時的に保存している場合でも、[元に戻す] ボタンよりも 1 つ多い [元に戻す] に似たボタンが表示されます。このボタンは stash を意味し、現在の変更を一時的に保存することを意味します。その後、必要に応じて一時コンテンツを取り出して変更を続けます。要件の開発中に、緊急に他のブランチに移動して作業を行う必要がある場合、変更した内容を一時的に保存し、開発に戻るときにその内容を取り出して開発を続行することができます。
ここでは、最初にステージへの変更と変更をステージングします。最新 (最後の一時保存) の一時保存をポップアップするか、選択的に一時保存をポップアップするかを選択できます。ご覧のとおり、
VS Code は一時保存の保存、一時保存の適用、一時保存のポップアップ、および一時保存の削除をサポートしています。節約します。ここでは一つ一つ紹介しません。
ソース コード管理サイドバーで、下部にある [STASHES] をクリックして一時保存されたファイルを表示することもできます。
ここでは、一時保存の適用、一時保存の削除、一時保存名の変更などを行うことができます。
gitプッシュ
コードを変更した後、コードをリモートにプッシュする必要があります。青色の変更の同期ボタンをクリックするか、下のブランチの変更ボタンをクリックして変更を同期します。
青いボタンの ↑ 矢印の横にコミット数を示す数字があることがわかります。リモート ブランチがローカル ブランチよりも前にある場合は、別の ↓ 矢印が表示され、その横にリモート ブランチがローカル ブランチより前にあるコミットの数を示す数字も表示されます。
git プル
リモート ブランチからローカル ブランチにコードを同期する必要がある場合は、[プル] をクリックします。
ギットデー
[タグの作成] をクリックしてタグを作成できます。
もちろん、以下の TAGS 内のすべてのタグを管理することもできます。
マージ競合
マージされたコードに競合がある場合、VS Code は現在の変更と今後の変更を表示します。それらの 1 つまたはすべてを保持することを選択できます。
