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
- Instalação: Certifique-se de ter o Node.js instalado.
- Bootstrap: Inicie um projeto usando o comando
npm create vite@latest. - Configuração:
- Nome do projeto:
meu-primeiro-vue - Framework:
Vue - Variante:
JavaScript
- Nome do projeto:
- Limpeza: Remova os arquivos de exemplo gerados pelo Vite (
HelloWorld.vue, estilos padrão emApp.vue).
🏗️ Tarefas
- No arquivo
App.vue, crie uma estrutura básica de HTML usando as tags<template>,<script setup>e<style>. - Exiba uma mensagem de boas-vindas em um
<h1>. - Adicione um parágrafo descrevendo qual o seu objetivo com este curso de Vue.js.
- 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.