VS Code + Git操作の完全な理解(関連する構成とvsコードでのgitの使用)

コンテンツ

1. GIt環境を構築する(Windows)

2.VSCodeでのGIt関連の操作

(1)ローカルクラスの操作

1.プロジェクトファイルを準備し、リポジトリを初期化します

2.ステージング領域にファイルを追加します

3.ステージングエリアファイルをgitリポジトリに送信します

4.送信されたファイルを変更します

5.ブランチの表示/新規/切り替え

6.ブランチをマージします

7.現在のブランチ状態を一時的に保存します

8.現在のファイルに加えられた変更を表示します

(2)遠隔操作

1.新しいGItリポジトリを作成します

2.プロジェクトのクローンを作成します(git clone)

3.プロジェクトをプッシュします(git push)


(この記事の操作はすべてGiteeで実行され、GiteeとGithubの操作方法は基本的に同じです。)

1. GIt環境を構築する(Windows)

1.最初にGitをダウンロードしてインストールし、次にGitのユーザー名とメールアドレスを登録します。この手順は以前の記事で説明されているため、ここでは繰り返さないでください。

この記事では、Git(Gitのインストールと使用、Gitコマンド、プロジェクトのプッシュとクローン作成)に習熟します。クラウドにアップロードされ、ローカルでクローン作成されるプロジェクトもあります。https://blog.csdn.net/weixin_53072519/article/details/1228248602.SSH公開鍵と鍵を生成します。

        右クリックしてGitBashHereを開きます。

コマンドls.sshを使用して、ディレクトリに公開鍵と秘密鍵があるかどうかを確認します(以下の鍵はありません)。

公開鍵と秘密鍵を作成し、コマンド ssh-keygen -t rsa-C"mailbox"を使用します。 

この時点で、公開鍵と秘密鍵が生成されています。プロンプトパスに注意してください。

3.公開鍵をGitHub/Giteeに追加します。

        公開鍵をコピーします。

Gitee->[設定]->[SSH公開鍵]に移動し、新しい公開鍵を追加します。

加算が成功すると、次のようになります。

4.SSH接続をテストします。

        コマンド[email protected]を使用してテストすると、hi ...という単語が表示されます。つまり、接続は成功します。

        GIthubを使用する場合は、コマンド[email protected]を使用し ます

2.VSCodeでのGIt関連の操作

(ここでは、関連するデモンストレーション操作のプロジェクトファイルとして空のフォルダーgitを使用します。)


(1)ローカルクラスの操作


1.プロジェクトファイルを準備し、リポジトリを初期化します

        プロジェクトとして新しいプロジェクトフォルダーgitを作成します。デスクトップでGitBashと入力し、コマンドコードgitを入力し、vscodeを使用してプロジェクトフォルダーを開きます。

ソース管理に移動し、[リポジトリの初期化]をクリックします。この手順により、gitウェアハウスの初期化も完了します。この時点で、フォルダーに.gitフォルダーがあることがわかります(デフォルトでは隠しファイルを表示するように設定する必要があります)。

次に、プロジェクトファイルgitに新しいファイルdemo.htmlを作成します。

この時点で、新しく作成されたファイルが緑色で、その後ろにUワードがあることがわかります。UはUntracked を意味します。これは、このファイルが現在ローカルエリアにのみ存在し、gitによって追跡されていないことを意味します。

2. ステージング領域にファイルを追加します

        ソースコード管理を入力し、操作するファイルの後にクリックすると、ファイルを一時ストレージ領域に追加できます。これは、コマンドgitaddを実行するのと同じです。

このとき、ファイル名は緑色のままですが、その後のUがAになります。これは、ファイルがすでに一時記憶域にあることを意味します。

3.ステージングエリアファイルをgitリポジトリに送信します

        ステージング領域のファイルをgitに送信し、ソースコード管理を入力し、メッセージボックスに関連するコメントを入力してから、クリックして送信するか、Ctrl+Enterショートカットを使用して直接送信します。

このとき、ファイルの色は正常になり、ファイルがgitに送信されたことを示す文字プロンプトは表示されません。

        高速送信方式を使用して送信することもできます。いわゆる高速送信とは、最初にステージング領域に保存せずに、新しいファイルまたは変更されたファイルを直接送信することです。ステージング領域に追加する操作は省略されます。

以下のように、変更したファイルをステージング領域に保存せずに送信すると、vs codeで警告が表示されるので、「常に」を選択すると、今後の操作でステージング領域への追加が自動的に省略されます。

4.送信されたファイルを変更します

        送信されたファイルの内容が変更されると、ファイル名は次のように求められます。

このとき、ファイル名は黄色に変わり、プロンプト文字Mが表示されます。Mは 変更を意味します。つまり、変更されています。

変更を元に戻す場合は、ソースコード管理を入力し、[変更を破棄]をクリックします。

5.ブランチの表示/新規/切り替え

        vs codeの下部にあるステータスバーをクリックして、プロジェクト内のブランチを表示します。ここで、masterは、現在のブランチがマスターであることを意味します。次の図に示すように、プロジェクトにはマスターブランチが1つだけあります。

クリックしてブランチを作成します;

この時点で、プロジェクトには2つのブランチがあります。

ブランチを切り替えるには、対応するブランチ名をクリックするだけです。

6.ブランチをマージします

        まず、新しく作成されたxiaomaブランチのファイルの内容を変更し、送信します。

次に、マスターブランチに切り替えます。この時点で、マスターブランチには変更されたコンテンツはありません。

次に、マージするには、最初にクリックしてコマンドパネルを開きます。

コマンドパネルでgitmergeを検索し、ブランチのマージ操作を見つけて、[ブランチのマージ]をクリックします。

現時点では、マスターブランチにはxiaoma関連の操作があります。

7.現在のブランチ状態を一時的に保存します

        作業プロセスの途中でコードを記述し、特定のモジュールの開発が完了していない場合、現在のブランチを離れて別のブランチに切り替える必要がある場合は、現在のブランチ(ストレージ)の状態を一時的に保存する必要があります、hiding)、gitコマンドgitstashと同等。

現在のブランチに特定の変更を加えたら、[その他]をクリックして[ストレージ] ->[ストレージ]を見つけます。

8.現在のファイルに加えられた変更を表示します

        gitに送信されたファイルの内容を変更する場合、vs codeは、次のようにgitコマンドgitdiffと同等の操作を実行するように要求します。

青はここのコードが変更または削除された
ことを意味します緑はここのコードが新しいことを意味します

(2)遠隔操作


1.新しいGItリポジトリを作成します

        リモート操作はGiteeと組み合わせる必要があるため、最初にgiteeに新しいウェアハウスを作成し、giteeのホームページに入り、[+新しいウェアハウス]をクリックします。

作成されたリポジトリは次のとおりです。すでにSSHアドレスがあります。

2.プロジェクトのクローンを作成します(git clone)

        まず、新しいリポジトリから取得したSSHリンクをコピーし、vs codeでコマンドパネルを開き、git cloneと入力して、クローンオプションを見つけます。

クリックした後、SSHアドレスを貼り付けてEnterキーを押します。このとき、vs codeは、クローンプロジェクトを保存するアドレスを選択するように要求し、次のようにクローンを開始します。

クローンが成功したら、プロジェクトをローカルで開くことができます。

3.プロジェクトをプッシュします(git push)

        クローンしたプロジェクトにランダムなファイルをいくつか作成してコミットしましょう。

ソースコード管理を入力し、クリックしてプッシュを見つけてプッシュします。

次のようにプッシュが成功すると、Giteeで送信レコードを確認できます。


Webstorm + gitの詳細な操作チュートリアル:

Ponyを使用すると、フロントエンド開発アーティファクトWebStorm(WebStormおよびGit関連の構成と使用)を知ることができます。https://blog.csdn.net/weixin_53072519/article/details/122044299 Gitの詳細な操作チュートリアル:

この記事では、Git(Gitのインストールと使用、Gitコマンド、プロジェクトのプッシュとクローン作成)に習熟します。クラウドにアップロードされ、ローカルでクローン作成されるプロジェクトもあります。https://blog.csdn.net/weixin_53072519/article/details/122824860

おすすめ

転載: blog.csdn.net/weixin_53072519/article/details/123914289