Sobre a Apresentação
- Esta apresentação tem como objetivo demonstrar de maneira simples e objetiva como consumir uma API (no caso utilizaremos a do GitHub) com Vue.js, Vuetify e Axios.
O que cada um faz
- Vue.js - Framework JS que tem como objetivo montar a arquitetura da aplicaão através de sua estrutura simples e que utiliza o Single FIle Component (arquivos com a extensão .vue que recebem HTML na tag
<template>
, JavaScript/TypeScript na tag<script>
e CSS/SASS/LESS/Stylus na tag<style>
) - Vuetify - Framework de UI que implementa o Material Design para o Vue em forma de componentes, utilizado para montar toda a parte visual.
- Axios - Cliente HTTP baseado em Promises, utilizado para enviar e fornecer dados atráves de requisições HTTP dentro da aplicação.
Tecnologias/Ferramentas Utilizadas
-
Tecnologias
- Vue.js
- Vuetify
- Axios
-
Ferramentas
- Visual Studio Code
- Powershell
- Yarn + NPM Network
- Node.js
- Google Chrome Dev
- Firefox Developer Edition
Comandos
-
Comandos Yarn para montagem de ambiente
- Add - utilizado para instalar pacotes (semelhante ao
npm i nome-do-pacote
)
yarn global add @vue/cli
- Add - utilizado para instalar pacotes (semelhante ao
-
Comandos da Vue CLI
- Create - Server para criar um novo projeto
vue create nome-do-projeto
- Serve - este comando inicia o servidor da aplicação com Hot Reload
vue serve
-
Add
- Vuetify
vue add vuetify
- Axios
vue add axios
-
Comandos do Yarn para o Projeto
- Build
- Start
- Dev
Links Úteis, Sites Oficiais e Referências