ue.js Dockerized Project

Este é um projeto Vue.js que pode ser executado em um contêiner Docker para facilitar o desenvolvimento e implantação.

Estrutura do Projeto

O projeto é organizado da seguinte forma:

app/
├── package.json
├── ...
├── (outros arquivos do projeto Vue.js)
└── ...
vued
Docker/Dockerfile
docker-compose.yml

O diretório app/ contém o código do projeto Vue.js, incluindo o arquivo package.json. O script vued é um utilitário de linha de comando que facilita a execução das operações relacionadas ao Docker e ao projeto Vue.js.

Comandos Disponíveis

O utilitário vued oferece os seguintes comandos para facilitar o desenvolvimento do projeto:

Comando	Descrição
vued up [-d]	Inicia o contêiner Docker em segundo plano (use -d para executá-lo em segundo plano).
vued up	Inicia o contêiner Docker em primeiro plano.
vued down	Encerra o contêiner Docker.
vued start <args>	Inicia o projeto (equivalente a yarn start).
vued dev <args>	Inicia o projeto como desenvolvimento (equivalente a yarn dev).
vued build <args>	Compila o projeto (equivalente a yarn build).
vued npm <comando>	Executa um comando npm dentro do contêiner.
vued yarn <comando>	Executa um comando yarn dentro do contêiner.
vued it <bash|sh>	Entra no shell do contêiner (usa bash como padrão, use sh para especificar o shell).
vued cli <comando>	Executa um comando Vue CLI dentro do contêiner.

Como Usar

Siga estas etapas para iniciar o projeto em seu ambiente:

1. Clone este repositório em sua máquina local:

   git clone https://github.com/HellFiveOsborn/vue-docker.git

Important

Caso não possua um package.json em /app será criado um novo projeto automaticamente.

2. Execute o contêiner Docker:

   ./vued up -d

   ./vued dev <args>

   ./vued start <args>

3. Quando terminar, você pode parar o contêiner Docker usando:

   ./vued down

4. Instale novos pacotes usando:

   ./vued <npm install|yarn add> <pacote>

5. Compile sua aplicação usando:

   ./vued build