閑話休題 VSCodeとGitHubを連携できるようにする方法

下記HPを参考にしました。

VSCodeでGit・GitHubを使う方法を解説する【初心者向き】 (miya-system-works.com)

 

まず、GitがPCにない場合はインストールし、設定を行います。

次にGitのローカルリポジトリを作成します。

任意のフォルダを作成し、それをVSCodeから開く。

このフォルダを、Gitのローカルリポジトリとして初期化する。

このフォルダ内に、.gitというフォルダが作成されていることを確認。

作成した、Gitのローカルリポジトリに、ファイルを追加する。

GitHubと連携させたいファイル(HTML、JavaScriptなど;ここではファイルXとする)をステージングする。

次にコミットする。すると、VSCode内のボタンのテキストが、コミット⇒Branchの発行に変わった。

 

GitHubでリモートリポジトリを作成する

GitHubにログインし、新しいリモートリポジトリを作成します。

その際に、pushするためのコードをコピーしておきます。

Gitのローカルリポジトリと、GitHubのリモートリポジトリを紐づけます。

リモートリポジトリにpushします

Mainブランチを作成し、それにpushします

 

GitHubを開き、GitHubのリモートリポジトリに、ローカルリポジトリで作成したファイルXが表示されていることを確認。

 

 

変更は簡単になってます。

変更したファイルをステージングして、コミットボタンを押すだけ、いろいろなメッセージ出ますが処理すると変更可です。