Skip to content

antonio-evaldo/cookin-up

Repository files navigation

Cookin' Up!

Projeto feito para o curso da Alura Vue 3: entendendo componentes, diretivas e reatividade no framework.

Imagem da primeira página do projeto, exportada do Figma.

Imagem da segunda página do projeto, exportada do Figma.

No Cookin' Up, você vai selecionando ingredientes para construir a sua lista de ingredientes. Em seguida, é possível buscar as receitas possíveis de serem feitas com os ingredientes da sua lista!

Setup Recomendado

VSCode + Volar + TypeScript Vue Plugin (Volar).

Desabilite a extensão Vetur, caso a tenha instalada no seu VSCode.

Suporte para arquivos .vue no TypeScript

Nos editores de código, precisamos do TypeScript Vue Plugin (Volar) para que o serviço da linguagem TypeScript reconheça arquivos com a extensão .vue.

Se o serviço TypeScript nativo do VSCode não estiver rápido o suficiente para você, o Volar implementou um modo Takeover que é mais eficiente. Para ativá-lo, siga os passos da seção Volar Takeover Mode da documentação.

Setup do projeto

Após baixar ou clonar o repositório, abra o terminal do seu computador na pasta do projeto e execute o comando abaixo:

npm install

Aguarde a instalação das dependências. Ao finalizar, execute o seguinte comando para rodar o servidor Vite:

npm run dev

O Vite irá disponibilizar um link local para você abrir a aplicação em seu navegador. Esse último comando deve ser executado sempre que você abrir o VSCode e quiser visualizar o projeto.

About

Curso de Vue 3 criado para a Alura.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published