DEV Community

loading...

Nuxt, Docker, WSL2, VSCode...

_richardson_ profile image 😶 ・1 min read

Hoje um amigo pediu ajuda para colocar uma aplicação no container (docker). Apenas para desenvolvimento mesmo. Como ele não tinha muito conhecimento de docker e nem de como rodar no windows, fiz um vídeo para ajudá-lo e me ajudar a aprender também.

Resultado foi um docker-compose:

version: "3.8"
services:  
  nuxt-ol:
    environment: 
      - NUXT_HOST=0.0.0.0
      - NUXT_PORT=3000
    image: node:12.21.0-alpine3.12
    container_name: nuxt.ol
    hostname: ol.nuxt
    ports:
      - 3000:3000
    volumes:
      - ./nuxt-ol:/usr/src/nuxt-ol
    working_dir: /usr/src/nuxt-ol
    command: npm run dev
Enter fullscreen mode Exit fullscreen mode

Rolou um Makefile (alguém ainda usa mesmo?!):

#!make

npm-install: ## executa npm install
    docker-compose run --rm nuxt-ol npm install

npm-build:
    docker-compose run --rm nuxt-ol npm run build

nuxt-up: ## iniciar serviço
    docker-compose up -d
Enter fullscreen mode Exit fullscreen mode

GitHub logo richardson-souza / nuxt-ol

nuxt.js + vue.js + vuetify.js

  1. clone repo
  2. make npm-install
  3. make npm-build
  4. make nuxt-up

Referências:

The Intuitive Vue Framework
Overview of Docker Compose
Guia de instalação do Subsistema Windows para Linux para Windows 10
Docker Desktop

Discussion (0)

pic
Editor guide