GitHub VS Code Commitする

GitHubを利用する時、VS Code Commit設定で簡単にGit(Git)を含めたソースコードのバージョン管理ができます。ターミナルで直接Gitコマンドを実行することなく、リモートリポジトリを地域リポジトリに複製することができます。 そして、地域リポジトリで新しいコミットを生成して、また、リモートリポジトリに反映することができます。

今回の記事では、このような作業をする方法を紹介します。 もしかして、このような作業をする方法を紹介します。 羽根の設置 および GitHubに登録になっていない場合は Git(Git)をインストールする と 나만의 무료 웹사이트 제작 4부 - 배포(feat. Netlify) ポストでご確認ください。

* もしかしたら、絵が小さくてよく見えない方は、その絵をクリックすると大きく見ることができます。

1.GitHubリモートリポジトリの作成 

GitHubにログイン すると、一番上の行に ダッシュボード 含まれている行で ① '+' マークをクリックします。新しいリモートリポジトリ(new repository)の作成を開始することができます。 ③適当なリポジトリの名前(repository name)を作成した後、④ create repositoryをクリックしてリポジトリの作成を完了します。その後、次のウェブページでhttpsで始まるアドレスが表示されるので、⑤クリップボードの形をクリックしてそのアドレスをコピーします。

2.リモートリポジトリのローカルリポジトリに複製(Clone)

VS Codeを実行し、File-New Windowをクリックして新しい作業ウィンドウを開きます。(1)をクリックします。 左側のソースコードのバージョン管理ボタン( )をクリックし、②リポジトリのコピー(クローンリポジトリ)を実行します。アドレスを入力するウィンドウが表示されるので、③先ほどコピーしたHTTPSアドレス(リモートストレージアドレス)を貼り付けてEnterキーを押します。

リモートリポジトリを①ローカルコンピュータに保存する場所(ローカルリポジトリフォルダ、私はDocuments\vscode-test)を選択した後、②'Documents\vscode-test'を選択します。リポジトリの場所を選択'をクリックすると、右下の通知ウィンドウが表示されます。'Open'をクリックすると、現在開いているVS Codeウィンドウで複製したリポジトリが開きます。左上のEXPLORERセクション(vs code Explorer)にリモートリポジトリの複製位置フォルダ( VSCODE-TEST)が表示されます。

この作業により、リモートリポジトリとローカルリポジトリが相互接続の基盤を構築したと考えてください。

3.羽のユーザー情報登録

VS Codeでコミット処理をするためにはまず 羽のユーザー情報(ユーザー名、ユーザーメールアドレス)を登録する必要があります。もし、色んな人が作業をするとしたら、誰がどんな作業をしたか分かるように表示するための手順だと考えてください。VS Codeターミナルウィンドウを開いて次のコマンドを順番に実行します。 

git config user.name "ユーザー名"
git config user.email "ユーザーのメールアドレス"

4.ファイル追加とVS Code Commitの生成

では、実際に新しいファイルを作成してコミット生成作業を実行してみましょう。New Fileアイコンをクリックしてリモートリポジトリの複製位置フォルダ(ローカルリポジトリ)内に②'README.md'ファイルを生成して、③内容入力窓に任意の内容を入力します。 そうすると、左側にある ソースコードのバージョン管理アイコンに数字の1(⑤)が表示されます。これは、新しい変更履歴が存在することを自動的に知らせてくれるものです。

ちなみに、ファイルに変更があったのに保存されていない場合、④のように白い点が表示されます。Ctrl + Sを押して変更を保存すると、その表示が消えます。

ソースコードのバージョン管理アイコンをクリックして② '+' をクリックすると、README.md ファイルが③ Staged 状態になります。コミットメッセージを入力して⑤'Commit'ボタンをクリックします。入力したコミットメッセージは後日、この段階でどんな作業をしたかを知るための記録用テキストと理解してください。

5.リモートリポジトリのコミット登録

ここまでの作業は地域リポジトリ(マイコンピュータ)でのバージョン管理のためのプロセスを進めました。 このような作業をセットでリモートリポジトリへ移す作業をしてみます。 前のステップの画面で①3点メニュー(Views and More Actions...)をクリックして②Pushをクリックしてリモートリポジトリ(GitHub)へREADME.mdファイルをアップロードします。

GitHubへ行ってリポジトリへアクセスしてみると下記のように①ファイル(README.md)がアップロードされたことが確認できます。 そして②コミットメッセージ(init)も確認され、アップロードしたファイルの③詳細内容も確認できます。

整理する

今回のポストでは、GitHubとVS Codeを連動する方法についてみてみました。 まず、GitHubでリモートリポジトリを生成してそこにローカルリポジトリへ複製しました。 後でバージョン管理確認するためのツールとして使うため、Gitユーザー情報を登録した後、ファイルを追加してCommitを実行しました。最後に私のパソコンで完了した作業全てをリモートリポジトリへ移動するプロセスでローカルからGitHubサーバーへアップロードを終えました。

羽根と羽根ハブの世界はまた別の奥深さがありますが、この部分については後ほど説明します。

今日も難しそうに見えますが、実際は何回かやってみると大したことないGitHub-VS Code連動することを調べてみました。 参考までに GitHub RStudio連動する ポストを通じて別のGitHubとの連動方法を学ぶこともできます。

第2の人生づくりヘルパー、Life2.0: IT Playgroundにテリーが登場でした。

'secondlife.lol'のすべてのコンテンツは著作権法の保護を受けています。無断転載やコピー、配布などを禁じます。