Dev Containers メモ

Visual Studio Code の Dev Containers に関するメモです。
(記事にするまでもない細かいのを追記していく)

パフォーマンス改善

• Dev Containers のパフォーマンス改善

プロキシとの闘い

• プロキシが必要な環境で、WSL2にDockerをインストールしてDevContainerを利用する

デフォルトで拡張機能を入れる

常にDevContainerに入れる拡張を設定できる。
これはプロジェクトには必須ではないが、個人として必要な拡張機能(たとえばキーバインド)を入れるときに役に立つ。

remote.containers.defaultExtensions で設定できる。

settings.jsonだと下記のような形。

    "dev.containers.defaultExtensions": [
        "lfs.vscode-emacs-friendly"
    ],

独自のイメージ使う時にはユーザ作成 or ユーザ指定を忘れずに

DevContainer用のイメージじゃなくて、別のイメージをベースにDockerfileで作っていくような場合、何も指定しないとrootになってしまう。
WSLで実行している際に、パーミッションの問題が発生しかねないので、別途ユーザ作っておく。

• https://code.visualstudio.com/remote/advancedcontainers/add-nonroot-user#_creating-a-nonroot-user

すでにID:1000のユーザがいる場合には、devcontainer.json で "remoteUser" で指定する。

• https://code.visualstudio.com/remote/advancedcontainers/add-nonroot-user#_specifying-a-user-for-vs-code

DevContainer側にあるHTMLファイルをブラウザで開く

Open In Default Browser という拡張機能使うことで、DevContainer側にあるファイルをVisual Sutdio Code上から右クリックでブラウザで開くことができて便利。

• Open In Default Browser - Visual Studio Marketplace