Vagrant上のファイルをVSCodeで編集する

私は普段VSCodeではなくVimを使っているのですが、ふと気まぐれでVSCodeでVagrant上のファイルを編集できるのかなーと思って調べてみたら、簡単にできたのでメモです。Windowsの場合です。

VSCodeとVagrantのインストールは済んでいる前提です。

VSCodeの拡張Remote Workspaceインストール

VSCode→表示→拡張機能→"Remote Workspace"で検索してインストール

Vagrant接続用の設定ファイル作成

下記の内容でvagrant.code-workspaceというファイルを作成します。

vagrant.code-workspace

{
    "folders": [{
        "uri": "sftp://vagrantログインID:パスワード@192.168.33.10",
        "name": "My SFTP folder"
    }]
}

OpenSSHインストール

Remote WorkspaceはVagrantへsftp接続します。Windowsには標準でsftpコマンドがないため、別途下記からダウンロードしてインストールします。
https://github.com/PowerShell/Win32-OpenSSH/releases

OpenSSH-Win32.zipかOpenSSH-Win64.zipをダウンロードしてC:\Program Filesなどの適当な場所に解凍してWindowsのシステム環境変数のPATHに解凍したOpenSSHフォルダを追記して下さい。

接続確認

VSCode→ファイル→ワークスペースを開く→上記で作成したvagrant.code-workspaceを指定します。

左側のエクスプローラーにVagrant上のディレクトリが表示されればOK