Vue Ui

A interface gráfica de usuário que permite criar, atualizar e gerenciar todos os aspectos de seus projetos Vuejs

Transcript

1. Vue UI   a interface gráfica de usuário que permite criar, atualizar e gerenciar todos os aspectos de seus projetos Vuejs  
2. QUEM SOU EU? Silvana Lima - Frontend na Band linkedin.com/in/silvanavlima silvanavlima.github.io silcrana Link da apresentação: https://speakerdeck.com/silvanavlima/vue-ui silcrana
3. A palestra a seguir tem o objetivo de apresentar a Vue UI — a interface gráfica de usuário que permite criar, atualizar e gerenciar todos os aspectos de seus projetos, um recurso disponível no Vue CLI 3
4. Vue UI? - Vue CLI 3 - Interface gráfica - Dev não deve ter medo do terminal, mas isso não quer dizer... - Acesso a mais informações visuais
5. O Vue CLI é um sistema completo para o rápido desenvolvimento do Vue.js - Estrutura do projeto - Servidor web - Ambiente dev & build configurados - Auto Reloading - Acesso a pré-processadores - Acesso a diversos plugins, inclusive oficiais Resumindo: faz muito do trabalho chato pra gente O QUE É VUE CLI ?
6. INSTALAÇÃO VUE CLI https://nodejs.org/en/ versão: 8.9 ou 8.11+ node --version npm install -g @vue/cli vue cli --version
7. USANDO A VUE UI vue ui http://localhost:8000/project/select
8. CRIANDO UM PROJETO
9. DETALHES DO PROJETO
10. PRESET
11. PROJETO SENDO CRIADO
12. NAVEGANDO PELO DASHBORAD http://localhost:8000/dashboard BORA VER NO NAVEGADOR!
13. VISÃO GERAL DAS PASTAS Fazendo um tour pelas pastas...
14. ME DÁ SEU FEEDBACK? encurtador.com.br/uvzIR https://www.linkedin.com/in/silvanavlima/ http://silvanavlima.github.io instagram.com/silcrana