NativeScript - Instalação

Esta seção explica como instalar o NativeScript em sua máquina.

Pré-requisitos

Antes de passar para a instalação, precisamos dos seguintes pré-requisitos -

  • Node.js

  • Android

  • iOS

Verificar Node.js

O Node.js é um mecanismo de tempo de execução JavaScript criado com base no mecanismo JavaScript interno do Google Chrome, v8. NativeScript usa Node.js extensivamente para vários fins, como criar o aplicativo de modelo inicial, compilar o aplicativo, etc., é obrigatório ter Node.js em sua máquina.

Felizmente, você instalou o Node.js em sua máquina. Se não estiver instalado, visite o link,https://nodejs.org/ e baixe o pacote LTS mais recente e instale-o.

Para verificar se o Node.js está instalado corretamente, digite o comando abaixo em seu terminal -

node --version

Você pode ver a versão. A partir de agora, a versão estável “LTS” atual do nó é 12.14.0.

Configuração CLI

NativeScript CLI é um aplicativo baseado em terminal / linha de comando e permite criar e desenvolver aplicativos NativeScript. O gerenciador de pacotes Node.js npm é usado para instalar NativeScript CLI em sua máquina.

Use o comando abaixo para instalar NativeScript CLI -

npm install -g nativescript

Depois de executar este comando, podemos ver a seguinte saída -

setupcli

Instalamos o último NativeScript CLI, tns em nosso sistema. Agora, digite o comando abaixo em seu terminal -

tns

Isso listará o guia de início rápido. Você pode ver a seguinte saída -

cli

Podemos usar tns para criar e desenvolver aplicativos, mesmo sem qualquer configuração adicional. Porém, não foi possível implantar o aplicativo no dispositivo real. Em vez disso, podemos executar o aplicativo usando o aplicativo NativeScript PlayGround iOS / Android. Vamos verificar nos próximos capítulos.

Instalando o aplicativo NativeScript playground

Vá para a sua loja de aplicativos iOS ou Google Play Store e pesquise o aplicativo NativeScript Playground. Depois que o aplicativo estiver listado no resultado da pesquisa, clique na opção instalar. Ele irá instalar o aplicativo NativeScript Playground em nosso dispositivo.

O aplicativo NativeScript Playground será útil para testar seus aplicativos no dispositivo Android ou iOS sem implantar o aplicativo no dispositivo real ou emulador. Isso reduzirá o tempo de desenvolvimento do aplicativo e será uma maneira fácil de iniciar o desenvolvimento de nosso aplicativo móvel.

Configuração de Android e iOS

Neste capítulo, vamos aprender como configurar o sistema para construir e executar aplicativos iOS e Android em um emulador ou em um dispositivo real.

Etapa 1: dependência do Windows

Execute o comando abaixo em seu prompt de comando do Windows e execute como administrador -

@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex 
((new-object net.webclient).DownloadString('https://www.nativescript.org/setup/win'))"

Após este comando, os Scripts sendo baixados, instale as dependências e configure-as.

Etapa 2: dependência do macOS

Para instalar no macOS, você deve garantir que o Xcode esteja instalado ou não. Xcode é obrigatório para NativeScript. Se o Xcode não estiver instalado, visite o seguinte linkhttps://developer.apple.com/xcode/e baixar; em seguida, instale-o.

Agora execute o seguinte comando em seu terminal -

sudo ruby -e "$(curl -fsSL https://www.nativescript.org/setup/mac)"

Depois de executar o comando acima, o script instalará as dependências para desenvolvimento iOS e Android. Uma vez feito isso, feche e reinicie seu terminal.

Etapa 3: dependência do Android

Felizmente, você configurou os seguintes pré-requisitos -

  • JDK 8 ou superior

  • Android SDK

  • Repositório de suporte Android

  • Repositório Google

  • Android SDK Build-tools 28.0.3 ou superior

  • Android Studio

Se os pré-requisitos acima não estiverem configurados, visite o seguinte link https://developer.android.com/studio/instale-o e instale-o. Finalmente, inclua JAVA_HOME e ANDROID_HOME em suas variáveis ​​de ambiente.

Etapa 4: verificar dependências

Agora tudo está feito. Você pode verificar a dependência usando o comando abaixo -

tns doctor

Isso irá verificar toda a dependência e resumir o resultado conforme abaixo -

√ Getting environment information 
No issues were detected. 
√ Your ANDROID_HOME environment variable is set and points to correct directory. 
√ Your adb from the Android SDK is correctly installed. 
√ The Android SDK is installed. 
√ A compatible Android SDK for compilation is found. 
√ Javac is installed and is configured properly. 
√ The Java Development Kit (JDK) is installed and is configured properly. 
√ Local builds for iOS can be executed only on a macOS system. 
   To build for iOS on a different operating system, you can use the
   NativeScript cloud infrastructure. 
√ Getting NativeScript components versions information... 
√ Component nativescript has 6.3.0 version and is up to date. 
√ Component tns-core-modules has 6.3.2 version and is up to date. 
√ Component tns-android has 6.3.1 version and is up to date. 
√ Component tns-ios has 6.3.0 version and is up to date.

Se você encontrar algum problema, corrija-o antes de prosseguir com o desenvolvimento do aplicativo.