Visual Studio Code プラグインを使ってssh接続先のファイルを接続元のウインドウで開く

目的

• とても便利なプラグイン「Remote Development」の導入方法と簡単な使い方を紹介する。

実施環境

• ssh接続元ハードウェア環境

項目	情報
OS	macOS Catalina(10.15.5)
ハードウェア	MacBook Pro (13-inch, 2020, Four Thunderbolt 3 ports)
プロセッサ	2 GHz クアッドコアIntel Core i5
メモリ	32 GB 3733 MHz LPDDR4
グラフィックス	Intel Iris Plus Graphics 1536 MB

• ssh接続元ソフトウェア環境

項目	情報	備考
VS Code バージョン	1.47.1	こちらの方法で導入→~簡易版~ Mac Visual Studio Code に Remote Development を 導入 しよう

• ssh接続先ハードウェア環境

項目	情報
OS	CentOS 7 (7.8.2003)
ハードウェア	Dell Studio 1537
プロセッサ	Intel(R) Core(TM)2 Duo CPU P8400 @ 2.26GHz
メモリ	4 GB DDR3
グラフィックス	不明

概要

1. ssh configの記載
2. プラグインのインストール
3. ssh接続

詳細

1. ssh configの記載

   1. まだssh configの作成、記載を行っていない場合は下記コマンドを実行して作成を行う。

      $ vi ~/.ssh/config
      

   2. 開いたconfigファイルを下記の様に記載する。

      ~/.ssh/config

      Host 接続先名(任意)
          HostName 接続先IPアドレス
      User 接続先ユーザ名
      

2. プラグインのインストール

   1. プラグイン検索ウインドウを開く

      

   2. 検索ウインドウにに「Remote Development」と入力して検索する。

      

   3. 下記矢印部分をクリックしてプラグインをインストールする。

      

   4. 一つインストールするだけで関連プラグインも一緒にインストールされる。

      

3. ssh接続

   1. プラグインをインストールするとサイドバーに専用アイコンが追加されるのでクリックする。

      

   2. 先にssh configに記載した接続先名が表示されているのでクリックする。

      

   3. 下記のアイコンをクリックする。

      

   4. 新しいVS Codeのウインドウが開き、ssh接続先のパスワード入力を求められるので入力してEnterをw押下する。

      

   5. 接続先の名前がウインドウに表示されれば接続完了である。