NativeScript - Installation

Cette section explique comment installer NativeScript sur votre machine.

Conditions préalables

Avant de passer à l'installation, nous avons besoin des prérequis suivants -

  • Node.js

  • Android

  • iOS

Vérifiez Node.js

Node.js est un moteur d'exécution JavaScript basé sur le moteur JavaScript interne de Google Chrome, v8. NativeScript utilise Node.js intensivement à des fins diverses comme la création de l'application de modèle de démarrage, la compilation de l'application, etc., il est obligatoire d'avoir Node.js sur votre machine.

J'espère que vous avez installé Node.js sur votre machine. S'il n'est pas installé, visitez le lien,https://nodejs.org/ et téléchargez le dernier package LTS et installez-le.

Pour vérifier si Node.js est correctement installé, tapez la commande ci-dessous sur votre terminal -

node --version

Vous pouvez voir la version. À partir de maintenant, la version stable actuelle «LTS» de node est la 12.14.0.

Configuration CLI

NativeScript CLI est une application basée sur un terminal / ligne de commande et vous permet de créer et de développer une application NativeScript. Le gestionnaire de packages Node.js npm est utilisé pour installer l'interface de ligne de commande NativeScript sur votre ordinateur.

Utilisez la commande ci-dessous pour installer NativeScript CLI -

npm install -g nativescript

Après avoir exécuté cette commande, nous pourrions voir la sortie suivante -

setupcli

Nous avons installé la dernière CLI NativeScript, tns dans notre système. Maintenant, tapez la commande ci-dessous dans votre terminal -

tns

Cela listera le guide de démarrage rapide. Vous pouvez voir la sortie suivante -

cli

Nous pouvons utiliser tns pour créer et développer des applications même sans configuration supplémentaire. Mais nous n'avons pas pu déployer l'application sur un appareil réel. Au lieu de cela, nous pouvons exécuter l'application à l'aide de l'application NativeScript PlayGround iOS / Android. Nous le vérifierons dans les prochains chapitres.

Installation de l'application NativeScript Playground

Accédez à votre boutique d'applications iOS ou à Google Play Store et recherchez l'application NativeScript Playground. Une fois l'application répertoriée dans le résultat de la recherche, cliquez sur l'option d'installation. Il installera l' application NativeScript Playground sur notre appareil.

L' application NativeScript Playground sera utile pour tester vos applications sur un appareil Android ou iOS sans déployer l'application dans l'appareil réel ou l'émulateur. Cela réduira le temps de développement de l'application et un moyen facile de démarrer le développement de notre application mobile.

Configuration Android et iOS

Dans ce chapitre, apprenons à configurer le système pour créer et exécuter des applications iOS et Android dans un émulateur ou sur un appareil réel.

Étape 1: Dépendance Windows

Exécutez la commande ci-dessous dans votre invite de commande Windows et exécutez en tant qu'administrateur -

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

Après cette commande, les scripts en cours de téléchargement installent les dépendances et les configurent.

Étape 2: dépendance macOS

Pour installer sous macOS, vous devez vous assurer que Xcode est installé ou non. Xcode est obligatoire pour NativeScript. Si Xcode n'est pas installé, visitez le lien suivanthttps://developer.apple.com/xcode/et télécharger; puis installez-le.

Exécutez maintenant la commande suivante dans votre terminal -

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

Après avoir exécuté la commande ci-dessus, le script installera les dépendances pour le développement iOS et Android. Une fois que c'est fait, fermez et redémarrez votre terminal.

Étape 3: Dépendance Android

J'espère que vous avez configuré les prérequis suivants -

  • JDK 8 ou supérieur

  • SDK Android

  • Référentiel de support Android

  • Dépôt Google

  • Android SDK Build-tools 28.0.3 ou supérieur

  • Studio Android

Si les prérequis ci-dessus ne sont pas configurés, visitez le lien suivant https://developer.android.com/studio/installez-le et installez-le. Enfin, ajoutez JAVA_HOME et ANDROID_HOME dans vos variables d'environnement.

Étape 4: vérifier les dépendances

Maintenant, tout est fait. Vous pouvez vérifier la dépendance à l'aide de la commande ci-dessous -

tns doctor

Cela vérifiera toutes les dépendances et résumera le résultat comme ci-dessous -

√ 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.

Si vous rencontrez des problèmes, veuillez corriger les problèmes avant de procéder au développement de l'application.