Pular para conteúdo

Projeto 01 - Setup e Primeiro Componente 🚀

🎯 Objetivo

Configurar o ambiente de desenvolvimento e criar a estrutura inicial da sua primeira aplicação Vue 3 utilizando o Vite.

🛠️ Requisitos

  1. Instalação: Certifique-se de ter o Node.js instalado.
  2. Bootstrap: Inicie um projeto usando o comando npm create vite@latest.
  3. Configuração:
    • Nome do projeto: meu-primeiro-vue
    • Framework: Vue
    • Variante: JavaScript
  4. Limpeza: Remova os arquivos de exemplo gerados pelo Vite (HelloWorld.vue, estilos padrão em App.vue).

🏗️ Tarefas

  1. No arquivo App.vue, crie uma estrutura básica de HTML usando as tags <template>, <script setup> e <style>.
  2. Exiba uma mensagem de boas-vindas em um <h1>.
  3. Adicione um parágrafo descrevendo qual o seu objetivo com este curso de Vue.js.
  4. Aplique um estilo CSS simples (cor de fundo e fonte) no bloco <style>.

🧪 Verificação

Rode o comando npm run dev e verifique se o seu projeto está rodando em localhost:5173 com as informações que você escreveu.