VS Codeでサーバーを快適に使う (Remote-SSH)
VS CodeのRemote-SSH拡張機能を使うと、サーバーにコードをアップロードしたりダウンロードしたりする必要がなく、ローカルのエディターで作業するように、サーバー内のファイルを直接開いて編集し、ターミナルまで使えます。Linux（SSH）サーバーをお使いなら、強くおすすめします。
1. 拡張機能のインストール
- VS Codeを開きます。
- 左のサイドバーにある拡張機能アイコンをクリックします。
- Remote - SSHを検索してインストールします。（Microsoft提供、
ms-vscode-remote.remote-ssh）
2. サーバーを登録する
F1またはCtrl+Shift+P（macOSはCmd+Shift+P）でコマンド パレットを開きます。- Remote-SSH: Add New SSH Hostを選択します。
- 次の形式で入力します。（
usernameとserver-ipは、マイページの接続情報に置き換え）
ssh username@server-ip
- SSH設定ファイルの保存場所を聞かれたら、デフォルト（ユーザーのホームディレクトリにある
~/.ssh/config）を選択します。
3. 接続する
- もう一度コマンド パレットを開き、Remote-SSH: Connect to Hostを選択します。
- 先ほど登録したサーバーをクリックします。
- 新しいウィンドウが開き、サーバーへの接続を試みます。パスワードを入力してください。
- 接続されると、左下にサーバーの情報が表示されます。「フォルダーを開く」で目的のディレクトリを開けば、ローカルのファイルと同じように、サーバー内のファイルを直接編集できます。
Ctrl+`でターミナルを開くと、サーバーのターミナルに直接接続されます。
毎回パスワードを入力するのが面倒なら
SSH接続ガイドの「SSHキーでパスワードなしで接続する」を先に設定しておけば、VS Codeでもパスワードなしですぐに接続できます。
ヒント
- 複数のサーバーを登録しておけば、左のサイドバーのRemote Explorerで、サーバーを素早く切り替えられます。
- Remote-SSHで接続した状態でインストールした拡張機能（Python、ESLintなど）はサーバー側に別途インストールされ、ローカル環境には影響しません。
- 接続が遅い場合は、
~/.ssh/configに次のオプションを追加してみてください。
Host *
ServerAliveInterval 60
Compression yes