VSCodeでVagrantのMySQLを操作する

はじめに

普段使っているVSCodeでSQL文を書いてその場で実行・確認できたらなーと思って、色々試したら何とかできたのでそれの _φ(･_･ です

好きなExtensionをいれる

• https://marketplace.visualstudio.com/items?itemName=formulahendry.vscode-mysql
• https://marketplace.visualstudio.com/items?itemName=bajdzis.vscode-database
• https://marketplace.visualstudio.com/items?itemName=mtxr.sqltools

など

SSHトンネルを手動で掘る

仮想環境内に用意したMySQLにアクセスするために、SSHトンネルを掘ります（ポートフォワーディング）。

# portやipはよしなに変更ください
$ ssh -N -L 3306:127.0.0.1:3306 vagrant@192.168.33.40

上手くつながると（応答がないように見えますが）プロセスを閉じるまでアクセスできるようになります。ターミナルを閉じても切れないようにバックグラウンドで実行するには -f オプションを指定します。

参考にさせていただいたサイト

• http://note.crohaco.net/2017/ssh-tunnel/
• https://nksg.org/archives/13

Extensionで接続設定をする

あとは普通にMySQLのホスト・ポート・ユーザー名・パスワード・DBなどを指定し接続されれば成功です！！（もちろんVagrantは立ち上げておきます）

# 例
host: 127.0.0.1
port: 3306
username: root
password: 
database: app

終わりに

Sequel Proを使えば一発なんですが、やっぱり慣れているエディターでシンタックスハイライト・サジェスト・スニペット・フォーマットなど使えるのは気持ち良いですね...！