Ultimate React development container for Visual Studio Code
- Based on qmcgaw/basedevcontainer
- Minimal custom terminal and packages
- Nodejs, npm and yarn downloaded as Alpine packages
- See more features
- Globally installed:
nodemon
,create-react-app
,mocha
, andjest
- Cross platform
- Easily bind mount your SSH keys to use with git
- Manage your host Docker from within the dev container, more details at qmcgaw/basedevcontainer
- Extensible with docker-compose.yml
- Two versions:
- Alpine 3.15 based
- Image tags
:latest
,:alpine
and:alpine-vx.x.x
- Size of 260MB
โ ๏ธ does not work onarm64
due to vscode-remote-release#4462
- Image tags
- Debian Bullseye Slim based
- Image tags
:debian
and:debian-vx.x.x
- Size of 500MB
- Not built for arm V6
- Image tags
- Alpine 3.15 based
- Compatible with
amd64
,arm64
,armv7
,armv6
,s390x
andppc64le
- Docker installed and running
- If you don't use Linux, share the directories
~/.ssh
and the directory of your project with Docker Desktop
- If you don't use Linux, share the directories
- Docker Compose installed
- VS code installed
- VS code remote containers extension installed
- Setup your configuration files
-
With style ๐ฏ
docker run -it --rm -v "/yourrepopath:/repository" qmcgaw/devtainr:v0.2.0 -dev react -path /repository -name projectname
Or use the built binary
-
Or manually: download this repository and put the .devcontainer directory in your project.
-
- If you have a .vscode/settings.json, eventually move the settings to .devcontainer/devcontainer.json in the
"settings"
section as .vscode/settings.json take precedence over the settings defined in .devcontainer/devcontainer.json. - Open the command palette in Visual Studio Code (CTRL+SHIFT+P) and select
Remote-Containers: Open Folder in Container...
and choose your project directory - If you want to use the Debian based image, you can modify the .devcontainer/Dockerfile in your directory.
Note that by default it will map the port 3000
to a random port on your host, which you can find with docker ps
See the .devcontainer/README.md document in your repository.
- qmcgaw/basedevcontainer todos
This repository is under an MIT license unless indicated otherwise.