Este é um projeto frontend desenvolvido com Vue 3, TypeScript, Vite e estilizado com Tailwind CSS. Este setup moderno oferece uma base sólida para o desenvolvimento de aplicações rápidas, responsivas e escaláveis.
- Vue 3: Framework progressivo para construção de interfaces de usuário.
- TypeScript: Superset do JavaScript que adiciona tipagem estática.
- Vite: Ferramenta de build rápida e otimizada para Vue 3.
- Tailwind CSS: Framework CSS utilitário para estilização.
Certifique-se de ter instalado em sua máquina:
-
Clone o repositório:
git clone https://github.com/seu-usuario/seu-repositorio.git cd seu-repositorio -
Instale as dependências:
npm install # ou yarn install
Para iniciar o servidor de desenvolvimento:
npm run dev
# ou
yarn devO projeto estará acessível em http://localhost:5173.
npm run dev: Inicia o servidor de desenvolvimento.npm run build: Compila o projeto para produção.npm run preview: Pré-visualiza a build de produção.npm run lint: Verifica e corrige problemas de linting.
O projeto utiliza Tailwind CSS para estilização. Para customizar o tema:
- Edite o arquivo
tailwind.config.js. - Adicione suas classes ou utilize os utilitários padrão do Tailwind.
Mais detalhes na documentação oficial do Tailwind CSS.
src/
├── assets/ # Arquivos estáticos como imagens e ícones
├── components/ # Componentes Vue reutilizáveis
├── App.vue # Componente principal da aplicação
├── main.ts # Ponto de entrada da aplicação- 🛠️ Configuração moderna com Vite para builds rápidos.
- ⚡️ Desenvolvimento tipado com TypeScript.
- 🎨 Estilização responsiva com Tailwind CSS.
- 🚀 Pronto para deploy com build otimizado.