VSCodeとGitHubを連携させます。今回はリモートリポジトリからクローンを行います。
既にGitHubを使っており、既に自分が作ったリポジトリを新しいPC環境で作業したい場合や、コラボレーターとして既存のリポジトリに参加した場合などは、まずはクローンを行うと良いでしょう。
GitHubへのサインイン
Gitインストール後、VSCodeの「ソース管理」に「リポジトリの複製」ボタンが表示されるので、クリックする。
![](https://catalyst.rsc.tokyo/blog/wp-content/uploads/2022/09/ss001-作業の開始-Visual-Studio-Code-1024x576.png)
「GitHubから複製」をクリックする
![](https://catalyst.rsc.tokyo/blog/wp-content/uploads/2022/09/ss002-作業の開始-Visual-Studio-Code-1024x576.png)
GitHubのサインインを行う。
![](https://catalyst.rsc.tokyo/blog/wp-content/uploads/2022/09/ss003-Visual-Studio-Code.png)
ブラウザが開くので、サインインする。
![](https://catalyst.rsc.tokyo/blog/wp-content/uploads/2022/09/cb7fb018-8ea9-4dac-8206-cf69bf8be818.png)
VSCodeでGitHubのURIを開いてよいかどうかの確認画面が表示されるので、開くをクリックする。
![](https://catalyst.rsc.tokyo/blog/wp-content/uploads/2022/09/ss005-Visual-Studio-Code.png)
リポジトリのクローン
クローンしたいリポジトリを選ぶ。
![](https://catalyst.rsc.tokyo/blog/wp-content/uploads/2022/09/ss006-作業の開始-Visual-Studio-Code-1024x576.png)
ローカルのフォルダを指定する。指定したフォルダ直下にリポジトリと同じ名前のフォルダが作成され、そのフォルダ直下にリポジトリのファイルが配置される。
![](https://catalyst.rsc.tokyo/blog/wp-content/uploads/2022/09/ss007-https://github.com/catalyst-yuki-k/oikeniwa.git-を複製するフォルダーを選択してください.png)
リポジトリのクローンが開始される。
![](https://catalyst.rsc.tokyo/blog/wp-content/uploads/2022/09/ss008-作業の開始-Visual-Studio-Code-1024x576.png)
フォルダーを信頼してよいかの確認が表示される。
![](https://catalyst.rsc.tokyo/blog/wp-content/uploads/2022/09/ss009-作業の開始-oikeniwa-Visual-Studio-Code-1024x576.png)
ファイルの作成者を信頼するかの確認が表示される。
![](https://catalyst.rsc.tokyo/blog/wp-content/uploads/2022/09/ss010-作業の開始-oikeniwa-Visual-Studio-Code-1024x576.png)
リポジトリのクローン完了
エクスプローラーにクローンしたリポジトリのファイル一覧が表示される。