背景
前回の記事でlima+dockerの環境構築をしました。今回はVScodeとの連携についてまとめておきます。参考記事は前回と同じです。
VScodeはインストール済みで、lima+dockerの環境は構築できているものとします。
VScodeの準備
拡張機能として以下をインストールしておきます
設定
VScodeでShift+command+pからopen settingsでsettins.jsonを開きます。そこに以下を追記。
"docker.host": "unix:///Users/<ユーザー名>/.lima/lima/sock/docker.sock"
これでVScode拡張機能のDockerはlima上のdockerデーモンを認識するようになります。あとはリモート拡張機能でホスト上にあるdockerと同じように使用することができます。念のため、再起動とかした方がいいかも。
Reactコンテナでホットリロードが効かない
Reactコンテナを構築したのですが、ホットリロードが効いていません。VScodeでリモートコンテナを使用すれば都度コンパイルをしてくれていますが、ブラウザ側で検知できていない様子です。下記の記事を見つけたので、いずれ試してみる予定です。
あとがき
macを使用していてもやはりVScodeは使いやすいと思ってしまいます。。最近はraspberry piでも使えるとか。エディタはVScode一択かもしれません
2023.06.25追記
さらに簡単に環境構築できるようになったようですね。