VSCode Ubuntu22.04に公開鍵認証でSSH接続してリモート開発する Windows

## 概要
Windowsの作業用PCのVSCodeを使って、Ubuntu22.04に公開鍵認証でSSH接続してリモート開発できるようにします。Ubuntu22.04に公開鍵認証でSSH接続できている前提の記事になります。背景としては、Django+DRFでAPIサーバを作りたく、作業効率アップのためです。

https://qiita.com/lustm5/items/63433815780606c426ab

環境
Windows10 Pro
Ubuntu22.04 IP 192.168.88.15 仮想マシン

## 手順1 VSCodeをインストール
インストール済みの場合は手順2へ。
[ここ](https://code.visualstudio.com/download)にアクセス。クリックしてダウンロード。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2744334/7e38532a-700a-b4f8-4ab2-155f855860d2.png)
このチェックを入れるところ以外すべてそのままで次へでインストールしました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2744334/ffc576e3-3cf5-e52e-30cf-32d13a3026cd.png)
少し待つと日本語にするかとポップアップが出てきたのでクリックしました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2744334/48c268d2-5ef4-a9d4-6e3c-93fb6109b292.png)


## 手順2 拡張機能インストール
左端の箱のアイコンをクリックしてremoteと入力して、Remote-SSHのインストールをクリックしました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2744334/253a5bb0-feec-ad23-7ee7-42cc316bc817.png)
インストール完了しました。(インストール完了後、入力したremoteを消すとこんな感じの画面になります。Remote-SSH: Editing...もインストールされるみたいです。)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2744334/42901bac-4019-caa2-c25d-d94d21caaea8.png)

## 手順3 SSH構成ファイルを作成する
SSH接続先の情報を書くファイルを作成します。まず、表示→コマンドパレットをクリック。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2744334/de9ea5be-7e3d-3bb7-2d79-80872d244f0b.png)
remoteと入力してSSH構成ファイルを開くをクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2744334/c931d53b-de41-0076-3aa5-bf5c2d680a88.png)
C:\Users\user\\.ssh\configをクリック。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2744334/71978563-b9c3-8664-e3d4-28666c79ddc6.png)
設定を書き換えます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2744334/175cb2af-7b4b-f989-706d-3c89f30c3e2f.png)
Host : VScodeに表示される接続先名(記号とか入れなければ自分の好みで大丈夫です。)
HostName : IPまたはホスト名
User : Ubuntuのユーザ
Port : 接続先ポート(普通は22で大丈夫のはずです。私は55055に変えてます。)
IdentityFile : 秘密鍵のフルパス
ServerAliveInterval : サーバに接続信号を送る間隔(秒)

Ctrl+sで保存しておきます。

## 手順3 接続する
左端のモニターアイコンをクリックして、SSHターゲットのUbuntu2204の右端のアイコンをクリックします。
![fff.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2744334/da417347-81f5-6b12-d546-414a555bdd15.png)
新しいウインドウが開くのでLinuxをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2744334/6859f6c7-1de6-aa7f-c5d5-16a82e44b3ab.png)
確認して大丈夫なら続行する。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2744334/618b9a19-359e-d196-b8d5-b252e1fe1590.png)
鍵作成時に設定したパスフレーズを入力します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2744334/3d885964-ea65-05d6-4217-685e11a8fd41.png)
左端のファイルアイコンをクリックして、フォルダーを開くボタンクリック。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2744334/ee002468-dde8-5ff7-8cb7-e06bef473e6f.png)
Ubuntu側のフォルダが表示されていれば問題なしです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2744334/dfcf582e-2a9b-753f-bfca-e5b03db71b5e.png)
私はDjangoのプロジェクトフォルダを選択してOKを押しました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2744334/e34adf3c-eed8-2e64-57fe-9ad7b8e6ea46.png)
再びパスフレーズを聞かれたので入力しました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2744334/3d885964-ea65-05d6-4217-685e11a8fd41.png)
作成者を信頼しました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2744334/54a30fa3-1da7-d6fe-edd8-118cc255039d.png)
無事接続できました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2744334/12af2582-c1d3-afe5-ee9d-c4062f6d1b11.png)
表示→ターミナルで、
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2744334/689b8a5a-57f0-ca85-ae67-33a0b0b3a135.png)
ターミナルも表示できました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2744334/18fbb97b-dea3-c40f-035c-0b085ba2d200.png)