VSCodeでSSHを使用してリモートサーバーに接続する方法

VSCode-SSH

こんにちはフロントエンドエンジニアのまさにょんです!

今回は、VSCodeでSSHを使用してリモートサーバーに接続する方法について解説します。

まずは通常のSSH接続ができるかどうかを確認する

VSCodeで、SSH接続の設定をする前に、まず通常のSSH接続ができるかどうかを確認しましょう。

ターミナルまたは、コマンドプロンプトなどで、ssh コマンドで接続したいリモートサーバーに接続できるかどうかを試します。

# ssh remote_username@remote_host の形で、sshコマンドを実行する!

ssh robotama@192.168.101.222

上記のように、ssh リモートユーザー名@リモートホスト名 と実行すると、Passwordを求められるので、入力してEnterをします。

成功すれば、リモートサーバーに接続して、CUI上でリモートサーバー内でコマンド操作ができるようになります。

ここまで成功すれば、次の3点が正確でありリモートサーバーとの接続が、無事にできる状態であることがわかります。

  1. リモートホスト名
  2. リモートユーザー名
  3. SSH接続のためのPassword

VSCodeでSSHを使用してリモートサーバーに接続する

続いて、本題のVSCodeでSSHを使用してリモートサーバーに接続するを実施していきます。

VSCode の SSH接続の拡張機能を入れる

まずは「Remote – SSH」と言うMicrosoftがリリースしている拡張機能があるので、これをインストールします。

SSHのVSCode設定ファイル(config)にSSH情報を記述する

拡張機能のインストールが完了したら、左側のサイドバーに「Remote – SSH」のアイコンが増えているので、これをClickします。

すると次の画像のような画面になるはずなので、

選択できるタブの欄を「SSHターゲット」にして歯車マーク(設定)をClickします。

SSHのconfigファイルを指定して、開きます。

このSSHのconfigファイルにリモードサーバーとの接続のために必要な情報を記述します。

### Remote-Server-Config ###
Host 192.168.100.222
    HostName 192.168.101.222
    User robotama
    Port 22

configファイルにRemote-ServerとのSSH接続のための情報を入力するとSSHターゲットにリモートサーバーの情報が登場します。

右側にあるプラスディレクトリ・マークを選択して新しいWindowでホストに接続します。

あとは、新しく立ち上がったリモートサーバーのWindowでSSH接続のためのパスワードを入力して、接続が成功すれば、完了です。

Twitterやってます!Follow Me!

神聖グンマー帝国の逆襲🔥

神聖グンマー帝国の科学は、世界一ぃぃぃぃぃぃ!!!!!

Python関係書籍

プログラミング学習・エンジニア転職関連の情報

自宅で現役エンジニアから学べる『TechAcademy』 (エンジニア転職保証)

『GEEK JOBキャンプ』スピード転職コース(無料)

【IT道場】入校時0円! 就職目的プログラミングスクール

エンジニア転職なら100%「自社開発」求人に強い【クラウドリンク】

『techgym』 (Python特化・無料)

参考・引用

  1. SSHを使用してリモートサーバーに接続する方法

最近の投稿