Skip to content

React development container for Visual Studio Code

License

Notifications You must be signed in to change notification settings

kbuley/jsdevcontainer

Repository files navigation

JS Dev Container

Ultimate JS development container for Visual Studio Code

CI build

dockeri.co

Last Docker tag Latest size

Last release Last release size GitHub last release date Commits since release

GitHub last commit GitHub commit activity GitHub closed PRs GitHub issues GitHub closed issues

Visitors count

Features

  • Based on kbuley/basedevcontainer
    • Minimal custom terminal and packages
    • Nodejs, npm and yarn downloaded as Alpine packages
    • See more features
  • Globally installed: nodemon, create-react-app, mocha, and jest
  • Cross platform
    • Easily bind mount your SSH keys to use with git
  • Extensible with docker-compose.yml
  • Two versions:
    1. Alpine 3.19 based
    2. Debian Bookworm Slim based
      • Image tags :debian and :debian-vx.x.x
      • Size of 708MB
    3. Ubuntu LTS based
      • Image tags :ubuntu and :ubuntu-vx.x.x
      • Size of 609MB

Requirements

Setup for a project

  1. Setup your configuration files

    • With style 💯

      docker run -it --rm -v "/yourrepopath:/repository" kbuley/devtainr:v0.2.0 -dev js -path /repository -name projectname

      Or use the built binary

    • Or manually: download this repository and put the .devcontainer directory in your project.

  2. 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.

  3. Open the command palette in Visual Studio Code (CTRL+SHIFT+P) and select Remote-Containers: Open Folder in Container... and choose your project directory

  4. 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

Customization

See the .devcontainer/README.md document in your repository.

TODOs

License

This repository is under an MIT license unless indicated otherwise.

About

React development container for Visual Studio Code

Resources

License

Stars

Watchers

Forks

Packages

No packages published