nestjs + devcontainer で VSCode からデバックを行う | pikocloud - ピコクラウド都城市でWEBシステム開発・ホームページ制作

前回作ったdocker環境にVSCodeからデバックできるようにします。

前回の記事を確認してください。
nestjs + postgresql + devcontainerで環境を作る

.vscode/launch.json

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Attatch to Node",
            "type": "node",
            "request": "attach",
            "address": "localhost",
            "port": 9229,
            "sourceMaps": true,
            "restart": true,
            "localRoot": "${workspaceFolder}",
            "remoteRoot": "/usr/src/app"
        }
    ]
}

remoteRootはdocker内のマウント先を指定します。

docker-compose.yml

services:
  node:
    build:
      args:
        - NODE_VER=20.17.0
      context: .
      dockerfile: Dockerfile
    environment:
      TZ: 'Asia/Tokyo'
    ports:
      - '3000:3000'
      - '9229:9229' # ここにポートを追加
    tty: true
    volumes:
      - ./:/usr/src/app
      - ./node_modules:/usr/src/app/node_modules
    depends_on:
      - db

  db:
    image: postgres:14
    container_name: db
    volumes:
      - db-data:/var/lib/postgresql
    ports:
      - '5432:5432'
    environment:
      POSTGRES_USER: postgres
      POSTGRES_PASSWORD: password

volumes:
  db-data:
  node_modules:

package.json

  "scripts": {
    "start:debug": "prisma generate && nest start --debug 0.0.0.0:9229 --watch",
  },

ここまで完了したらdockerをリビルドしてください。

あとはVScodeのでデバックアイコンからデバックを実行します。