Visual Studio Code で SFTP同期

目的

前職でxftpやfilezillaで毎回送受信してたけど面倒だからコマンドやら自動保存やらで同期とれないかしら。

エディタ

Visual Studio Code
最近ハマってるのでこのエディタでないかしら？

プラグイン

ありました。

sftp - Visual Studio Marketplace

こちらをポチってインストールしてください。

設定方法

設定ファイル

まず、コマンド Ctrl + Shift + P を実行して、
SFTP: Config を選択(入力)してください。

すると「どこに設定ファイル保存するんや」って聞かれます。

ローカルのプロジェクトフォルダを選択しておいてください。

選択すると .vscode/sftp.json が作成されます。見た感じで勘の良い方ならわかりますが、pemkeyなど設定することも可能です。
私の例としては、

{
    "protocol": "sftp",
    "host": "xxx.xxx.xxx.xxx",
    "port": 22,
    "username": "root",
    "remotePath": "/var/www/html",
    "password": "hoge"
}

です。

ダウンロード

まずはローカルに落としてこないといけないので
コマンド Ctrl + Shift + P を実行して、
SFTP: Sync Remote -> Local を選択(入力)してください。

エディタ左下が激しくぐるぐる動き出します。
最初なんで長いです。

done.と表示されれば完了です。

アップロード

受信の逆ですね。
変更して保存したら送信。

SFTP: Sync Local -> Remoteです。

所感

便利です。おそらく保存と同時に同期をとる方法もあるはずなので探してみますね。
このエディタに限定した話なのでPHPStormとかはデフォでありそう。

では。