こんにちはフロントエンドエンジニアのまさにょんです!
今回は、VSCodeでSSHを使用してリモートサーバーに接続する方法について解説します。
目次
まずは通常のSSH接続ができるかどうかを確認する
VSCodeで、SSH接続の設定をする前に、まず通常のSSH接続ができるかどうかを確認しましょう。
ターミナルまたは、コマンドプロンプトなどで、ssh コマンドで接続したいリモートサーバーに接続できるかどうかを試します。
# ssh remote_username@remote_host の形で、sshコマンドを実行する!
ssh robotama@192.168.101.222
上記のように、ssh リモートユーザー名@リモートホスト名 と実行すると、Passwordを求められるので、入力してEnterをします。
成功すれば、リモートサーバーに接続して、CUI上でリモートサーバー内でコマンド操作ができるようになります。
ここまで成功すれば、次の3点が正確でありリモートサーバーとの接続が、無事にできる状態であることがわかります。
- リモートホスト名
- リモートユーザー名
- SSH接続のためのPassword
VSCodeでSSHを使用してリモートサーバーに接続する
続いて、本題のVSCodeでSSHを使用してリモートサーバーに接続するを実施していきます。
VSCode の SSH接続の拡張機能を入れる
まずは「Remote – SSH」と言うMicrosoftがリリースしている拡張機能があるので、これをインストールします。
![](https://masanyon.com/wp-content/uploads/2022/12/SSH-Extention-1024x565.png)
SSHのVSCode設定ファイル(config)にSSH情報を記述する
拡張機能のインストールが完了したら、左側のサイドバーに「Remote – SSH」のアイコンが増えているので、これをClickします。
すると次の画像のような画面になるはずなので、
選択できるタブの欄を「SSHターゲット」にして歯車マーク(設定)をClickします。
![](https://masanyon.com/wp-content/uploads/2022/12/SSH-1.png)
SSHのconfigファイルを指定して、開きます。
![](https://masanyon.com/wp-content/uploads/2022/12/SSH-2-1024x237.png)
このSSHのconfigファイルにリモードサーバーとの接続のために必要な情報を記述します。
### Remote-Server-Config ###
Host 192.168.100.222
HostName 192.168.101.222
User robotama
Port 22
![](https://masanyon.com/wp-content/uploads/2022/12/SSH-3-1024x344.png)
configファイルにRemote-ServerとのSSH接続のための情報を入力するとSSHターゲットにリモートサーバーの情報が登場します。
右側にあるプラスディレクトリ・マークを選択して新しいWindowでホストに接続します。
![](https://masanyon.com/wp-content/uploads/2022/12/SSH-4.png)
あとは、新しく立ち上がったリモートサーバーのWindowでSSH接続のためのパスワードを入力して、接続が成功すれば、完了です。
Twitterやってます!Follow Me!
神聖グンマー帝国の逆襲🔥
神聖グンマー帝国の科学は、世界一ぃぃぃぃぃぃ!!!!!
Python関係書籍
プログラミング学習・エンジニア転職関連の情報
自宅で現役エンジニアから学べる『TechAcademy』 (エンジニア転職保証)
![](https://www15.a8.net/0.gif?a8mat=3NNG1X+D8W8C2+3GWO+6O1Z5)
『GEEK JOBキャンプ』スピード転職コース(無料)
![](https://www13.a8.net/0.gif?a8mat=3NNG1X+DAOJ5E+40C4+5ZMCH)
【IT道場】入校時0円! 就職目的プログラミングスクール
![](https://www14.a8.net/0.gif?a8mat=3NNG1X+DML78Y+53W0+609HT)
エンジニア転職なら100%「自社開発」求人に強い【クラウドリンク】
![](https://www14.a8.net/0.gif?a8mat=3NNGTV+ACPDGY+4VYG+60H7L)
『techgym』 (Python特化・無料)
![](https://www14.a8.net/0.gif?a8mat=3NNG1X+C2MGDU+4PGA+BY641)