Контейнеры и CI/CD

Окружение разработки в контейнере

Окружение разработки в контейнере: devcontainer.json со стеком, пробросом портов и расширениями редактора, при желании — docker-compose с базой данных рядом.

Проект

Имя окружения

Стек

Порты

Через запятую, пусто — порт стека

Команда после создания

Пусто — «npm ci»

Ещё расширения редактора

Идентификаторы через запятую

Что добавить внутрь

Docker внутри контейнера Свежий git GitHub CLI Node.js дополнительно

Собрать через docker-compose Работать не от root Пробросить ~/.ssh только на чтение

Файлы

.devcontainer/devcontainer.json

{
  "name": "project",
  "image": "mcr.microsoft.com/devcontainers/javascript-node:1-22-bookworm",
  "features": {
    "ghcr.io/devcontainers/features/git:1": {}
  },
  "forwardPorts": [
    3000
  ],
  "portsAttributes": {
    "3000": {
      "label": "Приложение",
      "onAutoForward": "notify"
    }
  },
  "postCreateCommand": "npm ci",
  "customizations": {
    "vscode": {
      "extensions": [
        "dbaeumer.vscode-eslint",
        "esbenp.prettier-vscode"
      ],
      "settings": {
        "editor.formatOnSave": true,
        "files.eol": "\n"
      }
    }
  },
  "remoteUser": "vscode"
}

Папка .devcontainer лежит в корне репозитория. VS Code и GitHub Codespaces поднимут окружение сами, порты из forwardPorts пробросятся на хост, а postCreateCommand выполнится один раз — после создания контейнера, а не при каждом запуске.