VisualStudioコードを使用してGitHubリポジトリを管理する

この記事では、VSCodeを使用してGitHubリポジトリを管理する手順について説明します。1つのコマンドを記述しなくても可能であり、時間を節約できます。以前の記事では、GitBashを使用したGit操作についてすでに説明しました。そのためには、Git操作を実行するコマンドを作成する必要があります。

本日は、以下の点について詳しくご説明しますが、

1. VSCodeをGithubに接続します
2. プロジェクトを作成し、パブリックリポジトリをGithubにプッシュします
3. プロジェクトを作成し、プライベートリポジトリをGithubにプッシュします
4. VisibilityPrivateRepoをPublicRepoに変更します
5. プロジェクトの変更をリポジトリにプッシュ

VSCodeをGithubに接続します

最初にVSCodeを開き、以下に示すように[フォルダーを開く]をクリックします。

次に、前に作成したGitProjという名前のフォルダーを開きます。完了すると、VSCodeのインターフェイスは次のように表示されます。

ここでは、以下に示すように、index.htmlとstyle.cssという2つのファイルを作成しました。

次のステップは、以下に示すように、ソース管理をクリックしてからGitHubに公開することです。

以下に示すように、ビジュアルスタジオコードがGitHubにアクセスすることを承認するために、以下のページにリダイレクトされます。このために、GitHubアカウントを検証するためにGitHubクレデンシャルを配置するための別のインターフェイスを取得する場合があります。すでにGitHubアカウントにサインインしているため、以下のインターフェースは異なります。

次に、以下に示すように、GitHub認証用のVSCodeのポップアップが表示されます。

サインインに成功すると、以下に示すように、GitHubアカウントがVSCodeにリンクされていることがわかります。

次に、プライベートリポジトリに公開するための2つのオプションと、パブリックリポジトリに公開するための2つのオプションを以下に示します。

プロジェクトを作成し、パブリックリポジトリをGithubにプッシュします

前述のように、[GitHubパブリックリポジトリに公開]をクリックします。次に、コミットするファイルのリスト（index.htmlとstyle.css）が表示され、[OK]をクリックします。

これで、GitHubに公開するためのVSCodeのステータスバーを確認できます。

次に、以下に示すように、GitHubサインインのポップアップが1つ表示されます。ブラウザオプションで[サインイン]をクリックします。

以下に示すように、ブラウザのページにリダイレクトされます。つまり、ファイルはGitHubに公開されます。

 

これで、以下に示すように、GitProjという名前のGitHubパブリックリポジトリを確認できます。

これで、以下に示すように、このリポジトリの下にプッシュされたファイルを確認できます。

これらの変更をGitHubにプッシュした後、VSCodeで正常なポップアップが表示されます。

プロジェクトを作成し、プライベートリポジトリをGithubにプッシュします

 GitPrivateという名前のフォルダーを1つ作成し、VSCodeを使用して開きます。そのフォルダまたはプロジェクトの下に、以下に示すように、index.htmlとstyle.cssという名前の2つのファイルを作成しました。

次に、前述のように[GitHubに公開]をクリックして、ファイルを含むこれらのフォルダーをGitHubに公開する必要があります。今回は、以下に示すようにGitHubプライベートリポジトリを作成する必要があります。

次に、これら2つのファイルを選択して、これらの変更をGitHubリポジトリにコミットする必要があります。これで、GitPrivateという名前のこのGitHubリポジトリが表示され、これら2つのファイルを以下に示します。

VisibilityPrivateRepoをPublicRepoに変更します

以下に示すように、サインインせずにGitHubパブリックリポジトリを表示できます。

以下に示すように、サインインしないとGitHubプライベートリポジトリを表示できません。プライベートリポジトリとそのファイルを表示するには、GitHubクレデンシャルを使用してサインインする必要があります。他のユーザーの場合、そのプライベートリポジトリの所有者は、そのプライベートリポジトリにアクセスするためのアクセス許可を提供します。プライベートリポジトリの詳細については、上記のGitHubの記事のリンクにアクセスしてください。

プライベートリポジトリをパブリックリポジトリに変更するには、以下に示すように、そのプライベートリポジトリの設定に移動します。

次に、以下に示すように、危険ゾーンの下のリポジトリの可視性オプションを変更します。

これで、以下に示すように、GitPrivateリポジトリがプライベートリポジトリからパブリックリポジトリに変更されます。

プロジェクトの変更をリポジトリにプッシュ

index.htmlで、h1タグのテキストをHello World！から変更しました。Hello World Next！へ。これらの変更をプッシュするには、ソース管理に移動し、以下に示すように、変更をコミットする準備ができていることを確認します。

ここでは、その変更に対するコミットメッセージを入力し、以下に示すようにコミットをクリックします。

次に、ポップアップで[はい]をクリックして、すべての変更をステージングし、コミットします。

これらの変更を正常にコミットすると、以下のインターフェイスが表示されます。

これらの変更をGitHubにプッシュするには、以下に示すように2つの方法でプッシュオプションを選択する必要があります。

プッシュが成功した後、ソース管理で保留中の変更はありません。これらの変更を以下に示します。

これで、index.htmlファイルの最新の変更を確認できます。

ここでは、MyFile.htmlという名前の新しいファイルを作成し、その新しいファイルをGitHubリポジトリにプッシュする必要があります。ここで、MyFile.htmlの右側にある記号「U」は追跡されていないことを意味します。

次に、前述のようにこれらの変更をコミットしてプッシュします。これで、以下に示すように、コミットメッセージとともに新しいファイルがGitHubリポジトリにプッシュされていることがわかります。

ここで、そのファイルの内容を以下に示します。

概要

この記事では、以下の詳細を学びました。

1. VSCodeをGithubに接続します
2. プロジェクトを作成し、パブリックリポジトリをGithubにプッシュします
3. プロジェクトを作成し、プライベートリポジトリをGithubにプッシュします
4. VisibilityPrivateRepoをPublicRepoに変更します
5. プロジェクトの変更をリポジトリにプッシュ

ありがとう＆もっとお楽しみに

ソース：https ：//www.c-sharpcorner.com/article/manage-github-repository-using-visual-studio-code/

#visualstudio #github 

What is GEEK

Buddha Community

VisualStudioコードを使用してGitHubリポジトリを管理する

この記事では、VSCodeを使用してGitHubリポジトリを管理する手順について説明します。1つのコマンドを記述しなくても可能であり、時間を節約できます。以前の記事では、GitBashを使用したGit操作についてすでに説明しました。そのためには、Git操作を実行するコマンドを作成する必要があります。

本日は、以下の点について詳しくご説明しますが、

1. VSCodeをGithubに接続します
2. プロジェクトを作成し、パブリックリポジトリをGithubにプッシュします
3. プロジェクトを作成し、プライベートリポジトリをGithubにプッシュします
4. VisibilityPrivateRepoをPublicRepoに変更します
5. プロジェクトの変更をリポジトリにプッシュ

VSCodeをGithubに接続します

最初にVSCodeを開き、以下に示すように[フォルダーを開く]をクリックします。

次に、前に作成したGitProjという名前のフォルダーを開きます。完了すると、VSCodeのインターフェイスは次のように表示されます。

ここでは、以下に示すように、index.htmlとstyle.cssという2つのファイルを作成しました。

次のステップは、以下に示すように、ソース管理をクリックしてからGitHubに公開することです。

以下に示すように、ビジュアルスタジオコードがGitHubにアクセスすることを承認するために、以下のページにリダイレクトされます。このために、GitHubアカウントを検証するためにGitHubクレデンシャルを配置するための別のインターフェイスを取得する場合があります。すでにGitHubアカウントにサインインしているため、以下のインターフェースは異なります。

次に、以下に示すように、GitHub認証用のVSCodeのポップアップが表示されます。

サインインに成功すると、以下に示すように、GitHubアカウントがVSCodeにリンクされていることがわかります。

次に、プライベートリポジトリに公開するための2つのオプションと、パブリックリポジトリに公開するための2つのオプションを以下に示します。

プロジェクトを作成し、パブリックリポジトリをGithubにプッシュします

前述のように、[GitHubパブリックリポジトリに公開]をクリックします。次に、コミットするファイルのリスト（index.htmlとstyle.css）が表示され、[OK]をクリックします。

これで、GitHubに公開するためのVSCodeのステータスバーを確認できます。

次に、以下に示すように、GitHubサインインのポップアップが1つ表示されます。ブラウザオプションで[サインイン]をクリックします。

以下に示すように、ブラウザのページにリダイレクトされます。つまり、ファイルはGitHubに公開されます。

 

これで、以下に示すように、GitProjという名前のGitHubパブリックリポジトリを確認できます。

これで、以下に示すように、このリポジトリの下にプッシュされたファイルを確認できます。

これらの変更をGitHubにプッシュした後、VSCodeで正常なポップアップが表示されます。

プロジェクトを作成し、プライベートリポジトリをGithubにプッシュします

 GitPrivateという名前のフォルダーを1つ作成し、VSCodeを使用して開きます。そのフォルダまたはプロジェクトの下に、以下に示すように、index.htmlとstyle.cssという名前の2つのファイルを作成しました。

次に、前述のように[GitHubに公開]をクリックして、ファイルを含むこれらのフォルダーをGitHubに公開する必要があります。今回は、以下に示すようにGitHubプライベートリポジトリを作成する必要があります。

次に、これら2つのファイルを選択して、これらの変更をGitHubリポジトリにコミットする必要があります。これで、GitPrivateという名前のこのGitHubリポジトリが表示され、これら2つのファイルを以下に示します。

VisibilityPrivateRepoをPublicRepoに変更します

以下に示すように、サインインせずにGitHubパブリックリポジトリを表示できます。

以下に示すように、サインインしないとGitHubプライベートリポジトリを表示できません。プライベートリポジトリとそのファイルを表示するには、GitHubクレデンシャルを使用してサインインする必要があります。他のユーザーの場合、そのプライベートリポジトリの所有者は、そのプライベートリポジトリにアクセスするためのアクセス許可を提供します。プライベートリポジトリの詳細については、上記のGitHubの記事のリンクにアクセスしてください。

プライベートリポジトリをパブリックリポジトリに変更するには、以下に示すように、そのプライベートリポジトリの設定に移動します。

次に、以下に示すように、危険ゾーンの下のリポジトリの可視性オプションを変更します。

これで、以下に示すように、GitPrivateリポジトリがプライベートリポジトリからパブリックリポジトリに変更されます。

プロジェクトの変更をリポジトリにプッシュ

index.htmlで、h1タグのテキストをHello World！から変更しました。Hello World Next！へ。これらの変更をプッシュするには、ソース管理に移動し、以下に示すように、変更をコミットする準備ができていることを確認します。

ここでは、その変更に対するコミットメッセージを入力し、以下に示すようにコミットをクリックします。

次に、ポップアップで[はい]をクリックして、すべての変更をステージングし、コミットします。

これらの変更を正常にコミットすると、以下のインターフェイスが表示されます。

これらの変更をGitHubにプッシュするには、以下に示すように2つの方法でプッシュオプションを選択する必要があります。

プッシュが成功した後、ソース管理で保留中の変更はありません。これらの変更を以下に示します。

これで、index.htmlファイルの最新の変更を確認できます。

ここでは、MyFile.htmlという名前の新しいファイルを作成し、その新しいファイルをGitHubリポジトリにプッシュする必要があります。ここで、MyFile.htmlの右側にある記号「U」は追跡されていないことを意味します。

次に、前述のようにこれらの変更をコミットしてプッシュします。これで、以下に示すように、コミットメッセージとともに新しいファイルがGitHubリポジトリにプッシュされていることがわかります。

ここで、そのファイルの内容を以下に示します。

概要

この記事では、以下の詳細を学びました。

1. VSCodeをGithubに接続します
2. プロジェクトを作成し、パブリックリポジトリをGithubにプッシュします
3. プロジェクトを作成し、プライベートリポジトリをGithubにプッシュします
4. VisibilityPrivateRepoをPublicRepoに変更します
5. プロジェクトの変更をリポジトリにプッシュ

ありがとう＆もっとお楽しみに

ソース：https ：//www.c-sharpcorner.com/article/manage-github-repository-using-visual-studio-code/

#visualstudio #github