0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

VisualStudioCodeでサーバーにSSH接続する

Last updated at Posted at 2025-04-29

1. 概要

WindowsPCにインストールされているVisualStudioCodeから、LinuxサーバーにSSH接続する。

2. 前提

  • 接続先のサーバーがある(この記事ではRed Hat系のLinuxサーバーに接続します)
  • VisualStudioCodeがインストールされている

※VSCodeポータブルを使用する場合は見出し7から

3. 拡張機能のインストール

Remote Developmentをインストールする。
remote.png

下記の赤枠が追加されていればOK
side.png

4. 実際にSSH接続する

VisualStdioCodeの右下の青い部分をクリックする。
footer.png

ホストに接続する...をクリックする。
host.png

+新規SSHホストを追加する...をクリックする。
host1.png

テキストボックスに接続先サーバのIPアドレスを入力する。
host2.png

C:\Users\ユーザ名\.ssh\configをクリックする。
※.sshフォルダが存在しない場合は手動で作成する。
host3.png

WindowsのエクスプローラーからC:\Users\ユーザ名\.sshのconfigファイルをメモ帳で開く。
最下行にUser rootと追記し上書き保存する。
config.png

左下、リモートエクスプローラーをクリックし、IPアドレスにカーソルを合わせて新しいウィンドウで接続...をクリックする。
conect.png

rootユーザのパスワードを入力しEnterキーを押下する。
pass.png

左下にIPアドレスが表示されていればSSH接続成功。
success.png

5. Linuxサーバーのディレクトリやファイルを開く

左上のエクスプローラーを選択し、フォルダを開くを選択する。
dir.png

開きたいディレクトリの絶対パスを入力し、OKを選択する。
dir1.png

もう一度パスワードの入力を求められた場合はパスワードを入力し、はい、作成者を信頼しますを選択する。
dir2.png

6. その他注意点

新しいウィンドウで開いた場合、拡張機能を別でインストールする必要がでてくる可能性があります。

7. VisualStudioCodeポータブルを使用する場合

7-1. インストール

VisualStudioCodeポータブルを以下のリンクからインストールする。

.zipのx64をクリックする。
download.png

ダウンロードされたzipファイルを解凍する。
解凍したらdataというフォルダを作成する。
data.png

Code.exeをダブルクリックして開く。
window.png

7-2. 拡張機能のインストール

7-2-1. 日本語化する

テキストボックスにjapanと入力しJapanese Language Pack for Visual Studio Codeを選択しインストールする。
japan.png

右下のChange Language and Restartをクリックする。
restart.png

再起動されて日本語化されたらOK
他に必要な拡張機能があれば適宜インストールする。

7-2-2. Remote-SSHのインストール

テキストボックスにremote - sshと入力しRemote - SSHを選択しインストールする。
remote.png

下記の赤枠が追加されていればOK
side.png

7-2-3. configファイルの指定

Code.exeが格納されているフォルダに.sshというフォルダを作成する。
dottossh.png

VSCodeに戻り、Ctrl + ,を押下し、テキストボックスにRemote.SSH:Configと入力。
Remote.SSH:Config Fileのテキストボックスに${execPath}/../.ssh/configと入力する。
setting.png

7-3. 実際にSSH接続する

VisualStdioCodeの右下の青い部分をクリックする。
footer.png

Connect to Host...をクリックする。
connect.png

+ 新規SSHホストを追加する...をクリックする。
new.png

サーバーのipアドレスを入力し、Enterキーを押下する。
ip.png

${execPath}/../.ssh/configをクリックする。
folder.png

Code.exeが格納されているフォルダの.sshフォルダにあるconfigファイルをメモ帳で開く。
最下行にUser rootと記述し上書き保存する。
config.png

左下、リモートエクスプローラーをクリックし、IPアドレスにカーソルを合わせて新しいウィンドウで接続...をクリックする。
ssh1.png

rootユーザーのパスワードを入力しEnterキーを押下する。
pass.png

左下にIPアドレスが表示されていればSSH接続成功。
success.png

7-4. Linuxサーバーのディレクトリやファイルを開く

左上のエクスプローラーを選択し、フォルダを開くを選択する。
dir.png

開きたいディレクトリの絶対パスを入力し、OKを選択する。
dir1.png

もう一度パスワードの入力を求められた場合はパスワードを入力し、はい、作成者を信頼しますを選択する。
dir2.png

7-5. その他注意点

  • 新しいウィンドウで開いた場合、拡張機能を別でインストールする必要がでてくる可能性があります
  • Code.exeが格納されているフォルダをzip化して、GoogleDriveやUSBメモリーなどに保存すれば別のデバイスでも使用できます

参考記事

Visual Studio Code で Remote SSH する。
VSCode Portable ModeでもRemoteSSHを使いたい!

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?