【VSCode】自端末のVSCodeからリモートのフォルダへアクセスしてみた

# はじめに
業務上いろいろな仮想端末へ接続する必要があるので接続元の端末からつなげると便利だな～と思ってやってみました。

## 何を使う？
VSCodeの拡張機能の`Remote Explorer`を使います

:::note warn
OpenSSHサーバを立てるのでセキュリティ面に関しては自己責任でお願いします。
:::

## 環境
接続元：Windows10
接続先：Windows10

## ダウンロード
以下の拡張機能をインストールします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/173970/e8a23c62-b312-8546-2f45-07bd6175995f.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/173970/a758e31d-9971-d671-d40c-f2fdfce6dc42.png)

## 接続手順
### 接続先の接続準備
WindowでSSH接続するために接続先でSSHサーバを立ち上げておく必要があります。

1. Windowsメニューを右クリックして設定画面を開きます。
2. 設定からアプリを選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/173970/9ce80ffe-460e-8489-5683-9423d4463728.png)
3. アプリと機能からオプション機能を選択します。
![ssh_conn5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/173970/7e2db14e-0cea-70f3-150f-2b3157c95b27.png)
4. オプション機能から機能の追加を選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/173970/ead9d1a3-2471-03db-6c33-ce8d0535bb00.png)
5. OpenSSHサーバを選択してインストールします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/173970/b0dd7662-6562-6819-b1fd-8254bffc4ee2.png)

1. Windowsメニューを右クリックしてコンピュータの管理を開きます。
1.「サービスとアプリケーション」⇒「サービス」を選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/173970/9733b25e-f6cb-9009-92bb-bd671732c700.png)
1. サービスの一覧から「OpenSSH SSH Server」を選択しダブルクリックでプロパティを開きます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/173970/b6c3149b-92eb-ed85-7d88-542653ebcbf2.png)
1. スタートアップの種類を自動に設定し、開始ボタンを押すとSSHサーバの準備は完了です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/173970/3005e12f-b1d0-0360-df28-1ac21300b7fb.png)


### 接続元の接続準備
VsCodeからリモート接続をする準備をします

1. Remote-SSHをインストールしたらVSCodeの左下の緑色のボタンを押してSSHでの接続メニューを表示します。
![ssh_conn.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/173970/1a399b29-b626-f300-43df-67d6e95714bb.png)

2. ホストに接続するを選択して、
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/173970/6a4f000c-bdbd-839e-68d1-c31f4782371b.png)
3. 新規SSHホストを追加するを選択して、
![ssh_conn2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/173970/1d5fd527-72c6-7adb-30e0-aa3cea72244a.png)
1. 接続するSSHコマンドを記載します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/173970/29be01fb-7934-7dcc-ac48-7400d545cda1.png)
1. コマンドを入力するとSSHの構成ファイル選択画面が出てくるので更新したい構成ファイルを選択する。
![ssh_conn3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/173970/5d02bcd2-cbb0-9424-fd6f-23d8ab8dd4d5.png)

1. SSH構成ファイルの更新が完了したら再び左下の緑のボタンを押下する。
![ssh_conn.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/173970/1a399b29-b626-f300-43df-67d6e95714bb.png)
1. 現在のウィンドウをホストに接続を選択すると
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/173970/05663de9-c8d2-57a4-ddf2-a1525a47f29b.png)
1. 先ほど登録したホスト名が出てくるので選択する。
![ssh_conn4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/173970/ed46f41a-1483-d30a-ce55-124650cfa872.png)


## 結果
手元の端末からリモートの仮想端末にアクセスできた 🥳🥳🥳🥳🥳🥳🥳

## 今後は
接続先のターミナルも乗っ取れるといいなぁ

# 参考にしたリンク
win10でのSSHサーバの立て方
http://ttm.jimba.ddo.jp/adiary.cgi/teraterm/windows/w10sshsv