リモートのファイルをvscodeで編集する方法

ローカルでsshのconfig設定をする

「~/.ssh/config」ファイルを作成

Host hoge // 何でもいい。hogeとした場合は、$ssh hogeで接続できるようになる
    HostName sv○○.xserver.jp //接続するリモートのhostnameを記載。xserverだと左記のようなアドレス
    User ユーザ名 // 接続するリモートのユーザ名
    IdentityFile ~/.ssh/id_rsa //ローカルにある秘密鍵を指定
    IdentitiesOnly yes
    ForwardAgent yes
    RemoteForward 52698 localhost:52698
リモートにssh接続する
$ ssh hoge
リモートにrmateをrcodeという名前でインストール
$ mkdir $HOME/bin  <=既に$HOMEにbinディレクトリがある場合は省略
$ wget -O $HOME/bin/rcode https://raw.githubusercontent.com/aurora/rmate/master/rmate
$ chmod a+x $HOME/bin/rcode
rcodeが正しくインストールされているか確認

$ which rcode

vscodeの設定
  • cmd + shift + x で拡張機能検索を開き「Remote VSCode」を検索してインストール
  • cmd + shift + p でコマンド入力画面を開き、「Remote: Start Server」を入力してenter
使い方

リモート上で、$ rcode ファイル名と入力してenterすれば、vscodeが該当ファイルを開きます。