Confira neste papo Reto, Vinícius Ueda realizando um LiveCode, Replicando a Home Page do Google com Vue e Vuetify.
O que vamos fazer?
Vamos fazer um “clone” da página principal do Google usando:
- Vue (framework para construção de interfaces para usuário)
- Vuetify (biblioteca de componentes para Que que segue o Material Design)
Preparação
Antes de começar, uma preparação rápida do ambiente!
1- Instale o NodeJS (https://nodejs.org/en/)
2- Instale o Vue CLI (https://cli.vuejs.org/guide/installation.html)
Nem install -g @vue/cli
3- Crie o seu projeto
vue create google-home-clone
4- Adicione o Vuetify
(https://vuetifyjs.com/en/getting-started/installation/)
cd google-home-clone
vue add vuetify
5- Execute em ambiente de desenvolvimento
npm run serve
6- Acesse em http://localhost:8080/