Как настроить VSCode + Chrome Debugger + Docker в MacOS (Docker для Mac)

Question

Я использую Docker для Mac (версия 18.06.1-ce-mac74 (26766)), и мне нужно было настроить Google Chrome Debugger в VSCode. Конфигурации, найденные в Интернете, сделали (Как https://medium.com/@drcallaway/debugging-es6-in-visual-studio-code-4444db797954) не работает для меня. Я делюсь тем, как я настроил все для работы:

Answer 1

Структура проекта

/.vscode
  /launch.json
/admin
  /node_modules
  /public
  /src
  /package.json
/docker-compose.yaml

/. Vscode / launch.json

{
  "version": "0.2.0",
  "configurations":{
    "name": "Chrome",
    "type": "chrome",
    "request": "launch",
    "url": "http://localhost:3000",
    "webRoot": "${workspaceRoot}/admin/src",
    "sourceMapPathOverrides": {
      "/srv/my-admin/src/*": "${webRoot}/*"
    },
    "runtimeArgs": [
      "--remote-debugging-port=9222"
    ]
  }
}

докер-compose.yaml

version: '3.5'

services:
  node:
    image: node:8.11.4-alpine
    working_dir: /srv
    volumes:
      - $PWD/admin:/srv/my-admin
    ports:
      - 3000:3000
      - 9222:9222
    command: yarn --cwd my-admin start

Попробуй и повеселись !!!