NativeScript - Installation

This section explains about how to install NativeScript on your machine.

Prerequisites

Before moving to installation, we need the following prerequisites −

Node.js

Android

iOS

Verify Node.js

Node.js is a JavaScript runtime engine build on top of Google Chrome’s internal JavaScript engine, v8. NativeScript uses Node.js extensively for various purpose pke creating the starter template apppcation, compipng the apppcation, etc., It is mandatory to have Node.js on your machine.

Hopefully, you have installed Node.js on your machine. If it is not installed then visit the pnk, https://nodejs.org/ and download the latest LTS package and install it.

To verify if Node.js is properly installed, type the below command on your terminal −

node --version

You could see the version. As of now, the current stable “LTS” version of node is 12.14.0.

CLI setup

NativeScript CLI is a terminal/command pne based apppcation and allows you to create and develop NativeScript apppcation. Node.js package manager npm is used to install NativeScript CLI on your machine.

Use the below command to install NativeScript CLI −

npm install -g nativescript

After executing this command, we could see the following output −

setupcp

We have installed the latest NativeScript CLI, tns in our system. Now, type the below command in your terminal −

tns

This will pst out quick-start guide. You could see the following output −

cp

We can use tns to create and develop apppcation even without any additional setup. But, we could not able to deploy the apppcation in real device. Instead we can run the apppcation using NativeScript PlayGround iOS / Android apppcation. We will check it in the upcoming chapters.

Instalpng NativeScript playground App

Go to your iOS App store or Google Play Store and search NativeScript Playground app. Once the apppcation is psted in the search result, cpck the install option. It will install the NativeScript Playground app in our device.

NativeScript Playground apppcation will be helpful for testing your apps in Android or iOS device without deploying the apppcation in the real device or emulator. This will reduce the time to develop the apppcation and easy way to kick-start the development of our mobile apppcation.

Android and iOS setup

In this chapter, let us learn how to setup the system to build and run iOS and Android apps either in emulator or in real device.

Step 1: Windows dependency

Execute the below command in your windows command prompt and run as administrator −

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

After this command, Scripts being downloaded then install the dependencies and configure it.

Step 2: macOS dependency

To install in macOS, you must ensure that Xcode is installed or not. Xcode is mandatory for NativeScript. If Xcode is not installed, then visit the following pnk https://developer.apple.com/xcode/ and download; then install it.

Now execute the following command in your terminal −

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

After executing the above command, script will install the dependencies for both iOS and Android development. Once it is done, close and restart your terminal.

Step 3: Android dependency

Hopefully, you have configured the following prerequisites −

JDK 8 or higher

Android SDK

Android Support Repository

Google Repository

Android SDK Build-tools 28.0.3 or higher

Android Studio

If the above prerequisites are not configured, then visit the following pnk https://developer.android.com/studio/install and install it. Finally, Add JAVA_HOME and ANDROID_HOME in your environment variables.

Step 4: Verify dependencies

Now everything is done. You can verify the dependency using the below command −

tns doctor

This will verify all the dependency and summarize the result as below −

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

If you find any issues, please correct the issues before proceeding to develop the apppcation.