Docker image for Vue CLI 3

This Docker image gongzhang/vue-cli contains following components:

• Node: 12.14
• npm: 6.13
• yarn: 1.21
• git: 2.24
• Vue CLI: 4.1
• Python: 2.7

You can use this image to develop Vue CLI projects without installing Node environment on your machine.

Get Started

Assume that your workspace is at /Users/me/workspace on your machine.

To install dependencies for a project, e.g. fancy-project, using command:

docker run --rm -it \
  -v /Users/me/workspace:/app \ # mount workspace into docker
  -w /app/fancy-project \       # set workdir to a project
  gongzhang/vue-cli yarn install

To run Vue CLI UI, using command:

# start in background
docker run -dit --name vue-ui \
  -v /Users/me/workspace/.vue-cli-ui:/root/.vue-cli-ui \
  -v /Users/me/workspace:/app \
  -p 8000:8000 \ # port for vue ui
  -p 8080:8080 \ # port for dev server
  --restart=unless-stopped \
  gongzhang/vue-cli vue ui -H 0.0.0.0

# stop it later
docker rm -f vue-ui