VSCode – GitHubにSSHで接続する

Visual Studio CodeでGitHubにSSH(Secure Shell)接続してみようと思います。
Https接続でも構わないのですが、SSHの方がパスワードとか聞かれなくて楽です。
その分初期設定が面倒なのですが。

手順

  • 秘密鍵と公開鍵のペアを作成する
  • GitHubに公開鍵を登録する
  • known_hostを作成する
  • GitHubからCloneしてみる(確認)

詳細手順

秘密鍵と公開鍵のペアを作成する

Visual Studio Codeを立ち上げます。
VSCodeのPowerShellで操作していきます。

vscode-ssh-github1

拡張機能でPowerShellをインストールしていれば変なアイコンが出るのでわかりやすいです。

vscode-ssh-github-powershell

では、公開鍵と秘密鍵を作成していきます。
PowerShellで以下を実行します。

ssh-keygen -t rsa

vscode-ssh-github2

Enter

vscode-ssh-github3

Enter

vscode-ssh-github4

Enter

vscode-ssh-github5

おわり

vscode-ssh-github6

C:\Users(ユーザー名).sshの下にファイルが作られます。

  • id_rsa:秘密鍵。誰にも見せてはいけません。
  • id_rsa.pub:公開鍵。GitHubに教えてあげます。

vscode-ssh-github7

GitHubに公開鍵を登録する

GitHubに公開鍵を登録します。

まず、id_rsa.pubの中身をコピーする。
普通にエディタで開いてコピーでも構いません。
意識高い系の僕はコマンドでやっておきます。

Get-Content ~/.ssh/id_rsa.pub | clip

GitHubを開きます

vscode-ssh-github8

プロフィールアイコン→Settings

vscode-ssh-github9

SSH and GPG keys → New SSH key

vscode-ssh-github10

Title:適当
Key:さっきコピーしたid_rsa.pubの中身
Add SSH keyを押す

vscode-ssh-github11

登録完了

known_hostを作成する

自信のローカルのGitにリモートのリポジトリの情報を教えてあげます。

ssh -T git@github.com

vscode-ssh-github12

yes

vscode-ssh-github13

完了

vscode-ssh-github14

さっき、秘密鍵と公開鍵が出来た場所にknown_hostが出来上がります。

vscode-ssh-github15

GitHubからCloneしてみる(確認)

vscode-ssh-github16

こことか

vscode-ssh-github17

ここからSSHのパスをとってきます

vscode-ssh-github18

Visual Studio Codeを開く
変なアイコンを選択する
リポジトリのクローンを選択する

vscode-ssh-github19

GitHubのSSHパスを貼り付ける

vscode-ssh-github20

下に出てくるリポジトリのURLを選択します

vscode-ssh-github21

編集作業を行うローカルフォルダを選択します。

vscode-ssh-github22

開く

vscode-ssh-github23

おわり。

ちなみに失敗したらこんな感じ。
手順を見直してください。

vscode-ssh-github24

まとめ

最初だけの作業です。
後は色んな人のリポジトリをCloneして楽しめます。
ライセンスには気を付けましょう。

おわり


VSCodeの使い方はこの辺にまとめています。
よろしければどうぞ。→ Visual Studio Code

PR

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です