Nodejs

Como instalar a estrutura iônica no Ubuntu 20.04

Como instalar a estrutura iônica no Ubuntu 20.04

O Ionic Framework é um kit de ferramentas de interface do usuário de código aberto para criar aplicativos móveis e de desktop usando tecnologias principais da Web como HTML, CSS e JavaScript. Ionic foi projetado para funcionar e exibir lindamente em todos os dispositivos e plataformas móveis atuais.

Este artigo ajudará você a instalar o utilitário de linha de comando da estrutura iônica no seu Ubuntu 20.04 Sistema LTS.

Pré -requisitos

Faça login no seu sistema Ubuntu usando o usuário privilegiado sudo. Em seguida, atualize os pacotes do sistema para mais recente.

Atualização de sudo apt e sudo apt

Etapa 1 - Instale o nó

Primeiro, use os seguintes comandos para instalar o npm e o nó.JS em seu sistema. O comando abaixo adicionará PPA para o nó.JS para o seu sistema.

Curl -sl https: // Deb.Sodesource.com/setup_12.x | sudo -e bash - sudo apt install nodejs

Etapa 2 - Instale Cordova

Depois de instalar o nó.JS no seu sistema Execute o seguinte comando para instalar Cordova. Isso também instalará todos os módulos de nós necessários em seu sistema.

sudo npm install -g cordova

Etapa 3 - Instale o Ionic no Ubuntu 20.04

Em seguida, você precisa instalar o módulo de nó iônico em seu sistema. Ionic fornece e comandos utilitários de linha para criar pacotes, criar e iniciar aplicativos. Execute o comando NPM abaixo para instalar a estrutura iônica em seu sistema.

sudo npm i -g @ionic/cli

Depois de concluir a instalação da estrutura iônica, use o seguinte comando para verificar a versão instalada.

Ionic -v 6.10.1

Etapa 4 - Crie aplicação iônica

Agora, você precisa criar um novo aplicativo iônico no seu computador executando o seguinte comando.

Início iônico

Agora siga o mago:

  1. Selecione a estrutura entre react ou angular.
  2. Agora, insira um nome para o seu novo aplicativo
  3. Selecione um modelo de partida. Os detalhes de cada modelo estão listados na tela.
  4. Em seguida, integre seu novo aplicativo ao capacitor para segmentar iOS nativo e Android?

Depois de concluir o assistente, você receberá uma mensagem “Seu aplicativo iônico está pronto!”. Ele também mostrará as próximas etapas na tela.

Agora, execute o comando abaixo do seu diretório de aplicativos.

CD Ionic-App Ionic Servion-Host 0.0.0.0 --Port 8100

Em seguida, acesse seu aplicativo iônico no navegador da web usando o IP do sistema.

Para mais detalhes, visite http: // ionicframework.com/docs/guia/instalação.html

Conclusão

Neste tutorial, você aprendeu a instalar a estrutura iônica cli no sistema Ubuntu. Também crie e acesse um aplicativo iônico de amostra.