こんにちは。

VPSやクラウドサーバー上の設定ファイルやソースコードを編集する際、ターミナル上のVim操作に苦労した経験はないでしょうか。

VS Codeの標準機能である Remote – SSH 拡張機能を使用すれば、ローカルPCの快適なエディタインターフェースから直接リモートサーバーのファイルを安全かつグラフィカルに編集できます。

1. SSH Configファイルの設定

ローカルPCの ~/.ssh/config にリモート接続定義を追加します。

Host my-vps
    HostName 160.251.xxx.xxx
    User bonobono
    Port 22222
    IdentityFile ~/.ssh/id_ed25519

2. 接続と作業効率化のメリット

VS Codeの左下にある緑色のリモート接続アイコンをクリックし、「Connect to Host」から my-vps を選択します。これにより、Docker ComposeファイルやNginx設定ファイルの編集・保存が驚くほどスムーズになります。