Instalação Ionic

 

 

Saudações queridos, queridas e querides!!!!

    Neste, vamos ajudá-lo(a/e) na instalação do framework IONIC (versão WINDOWS), o que vamos precisar:

  • Navegador (o que for do seu gosto)
  • NodeJS
  • Ionic Framework
  • Visual Studio Code

    O navegador é necessário não apenas para baixar as ferramentas mas também para ver seu trabalho pronto . O NodeJS é quem será o back para sustentar todo o framework. O próprio ionic é claro e por fim o Visual Studio Code que será nossa IDE para desenvolvimento.

    Muuuuuuuuuuuuuito bem, vamos começar com o NodeJS, primeiramente baixe-o no site: NodeJS, baixe sempre a versão LTS e não a current, a diferença entre elas é que a LTS está a mais tempo no mercado e já está com vários problemas resolvidos já a current é a versão mais nova onde os programadores ainda estão melhorando, entendeu? Voltemos, apos baixado clique duas vezes para executar e aparecerá a seguinte tela:

 


    Nela é só dar next (na verdade toda a instalação é next, next, next)  



    É só aceitar o "pacto" e next, ele vai para esta tela, acima, onde pergunta em que pasta deve ser instalado, apenas dê next novamente.



    Logo então você terá a tela acima que pergunta quais pacotes você quer instalar, deixe como está e dê next.


    A instalação também vai perguntar se você quer instalar o Chocolatey, simplesmente NÃO instale pois exclusivamente para nossos serviços não necessitaremos disto, então dê next que ele começará a instalação que geralmente não demora mais que 5 minutos.



    Por fim aparecerá a tela acima finalizando com sucesso a instalação do NodeJS.

    Agora estamos prontos para a instalação do ionic propriamente dito, que é muito simples, apenas abra o prompt de comando, clique no ícone do windows e logo depois digite cmd , desta forma já irá aparecer "Prompt de comando", a famosa tela preta escrita em branco, ao abrir já dê o seguinte comando:

npm install -g @ionic/cli

    Desta forma ele iniciará a instalação e terminará com sucesso, para terminarmos vamos instalar o Visual Studio Code, claramente baixe-o no site: Visual Studio Code, e logo depois de baixado não há erro, realmente apenas next, next, next, finish, sem muitos problemas.

    Ok, pessoal, agora sua máquina/computador/notebook/o-que-for está pronta para programar app para celular, parabéns e até a próxima!!! 

    Grande abraço à todos e fiquem com Deus!!!



Local: Ibitinga, SP, 14940-000, Brasil

Comentários

Postar um comentário

Postagens mais visitadas deste blog

Ion-button e ion-card

Imagem
      Vamos a mais dois componentes visuais do framework Ionic , o ion-button e o ion-card , são componentes essencialmente HTML, portanto, sua implementação é mais fácil. ion-button     O ion-button é como o próprio diz um "botão" uma simples TAG já cria um botão . Vamos então iniciar a implementação propriamente dita. Vamos deixar o projeto limpo como na imagem abaixo para colocar o botão:     Com o código "limpo" coloque o código como abaixo:     E a saída dele será esta:     E pronto tão fácil quanto isto, óbvio que existem personalizações como tamanho, troca de cor etc. e que veremos melhor estas mudanças em diversos componentes para a elaboração de layout de telas em post's posteriores. ion-card     O ion-card podemos considerá-lo para um melhor entendimento como se fosse uma postagem em uma rede social, sim, aquele layout clássico que começa com um cabeçalho com o avatar do usuário seguido do seu nome, logo abaixo uma frase de "impacto" e a
Leia mais

Ion-badge e ion-breadcrumbs

Imagem
      Olá galerinha, como estes dois componentes são de fácil entendimento e de fácil implementação resolvemos, os dois componentes são ion-badge e ion-breadcrumbs. Lembrando que para os exemplos utilizamos o modelo blank, pelo simples fato de ser o modelo em branco, sem nada, se você não entendeu sugiro a leitura deste artigo .   ion-badge     O ion-badge geralmente aparecem próximos a outro elemento. Normalmente, eles contêm um número ou outros caracteres que podem ser usados como uma notificação de que há itens adicionais ou indicam quantos itens existem daquela determinada coisa.     Já dê aquele "ionic serve" maroto e com o projeto aberto, limpe o ion-content como na imagem abaixo:       Para a implementação dele é só colocar no HTML seguindo apenas o exemplo abaixo.      E agora como ele fica no app:     Agora você consegue perceber que é necessário que ele esteja com algum outro elemento que "diga" o que é aquele dado mostrado, pois um "quadradinho&
Leia mais

O AWT: Ninguém tá usando o AWT?

Imagem
     Os programadores java e os usuários java utilizam a AWT e nem percebem! Tudo bem, você vai me dizer que os programadores atuais java nem mesmos programam com AWT mas pelo menos utilizam SWING que originou de AWT, portanto, usam sim! Vamos desenterrar o AWT para conhecer a origem da parte visual do java... O que é o AWT?      O AWT (Abstract Windowing Tool) foi a primeira, por assim dizer, biblioteca visual feito para java. Pensando neste quesito visual na época de sua origem, a Sun Microsystens, pensou em fazer algo que funcionasse em qualquer sistema operacional. O Java em si já o fazia e como a parte visual estava sendo pensada fazia-se necessário tal onipresença visual, assim eles quiseram colocar os componentes mais básicos que são: Button Label TextField TextArea Checkbox Choice List     Pois estes componentes povoam basicamente todos os sistemas operacionais visuais, assim é por isso que o AWT é tomado como código nativo em se tratando de programação visu
Leia mais