Setting up macOS for NativeScript

Setting up macOS for Android ​

You will need Node, NativeScript CLI (command line interface), Android Studio and a JDK (java development kit).

Android Studio is not strictly necessary — however it provides an easy-to-use interface for installing and managing the Android SDKs.

We recommend using Homebrew to install the required dependencies — a popular package manager for macOS.

Complete the Homebrew installation process before proceeding further.

Setting up the Android development environment can be daunting if you are new to Android development, however following the next steps carefully will get you up and running in no time.

Installing Node ​

To install Node we recommend using a node version manager, such as nvm, n or any other node version manager you prefer. In these docs we will be using nvm, but feel free to use a different node version manager.

1. Follow the install instructions in the nvm repository.
2. Once the installation is complete, open a new Terminal and verify you can run nvm ls.
3. Install the latest Node release with:
   cli

   nvm install node

4. Verify the installation was successful and run
   cli

   node -v
   npm -v

Installing a JDK ​

To install a JDK (using the prebuilt OpenJDK binaries from Adoptium) run the following command:

brew tap homebrew/cask-versions
brew install --cask temurin11

Once installed, open a new Terminal and verify that the default version is the one we installed:

javac --version
# should print something like:
# javac 11.x.x

If the version looks correct, you are ready to move on to Installing Android Studio, otherwise you will need to set the JAVA_HOME environment variable.

Add the following lines to your shell profile, usually ~/.bash_profile or ~/.bashrc, or if you are using zsh then ~/.zprofile or ~/.zshrc config file:

export JAVA_HOME=$(/usr/libexec/java_home -v"11");

Repeat the verification from above.

Installing Android Studio ​

Download and install Android Studio. In the installation wizard, make sure you have the following components selected (the list should appear if you select custom options):

• Android SDK
• Android SDK Platform
• Android Virtual Device
• Performance (Intel ® HAXM) — optional, learn more about AMD Processor & Hyper-V support

The setup may take a while, but once it has finished a welcome screen should appear.

Android Studio installs the latest Android SDK by default, which in most cases should be all that's needed to build a NativeScript app.

Configuring ANDROID_HOME and PATH ​

Configure the ANDROID_HOME environment variable for NativeScript to be able to find the Android SDK, and add the required tools to path.

Add the following lines to your shell profile, usually ~/.bash_profile or ~/.bashrc, or if you are using zsh then ~/.zprofile or ~/.zshrc config file:

export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/platform-tools

Installing the NativeScript CLI ​

Install the NativeScript CLI globally:

npm install -g nativescript

Verifying the environment ​

To verify that the installation was successful, open a new Command Prompt window (to ensure the new environment variables are loaded) and run:

ns doctor android

If you see No issues were detected then you have successfully set up your system.

Setting up macOS for iOS ​

You will need Node, NativeScript CLI (command line interface), XCode, xcodeproj, cocoapods.

We recommend using Homebrew to install the required dependencies — a popular package manager for macOS.

Installing Node ​

To install Node we recommend using a node version manager, such as nvm, n or any other node version manager you prefer. In these docs we will be using nvm, but feel free to use a different node version manager.

1. Follow the install instructions in the nvm repository.
2. Once the installation is complete, open a new Terminal and verify you can run nvm ls.
3. Install the latest Node release with:
   cli

   nvm install node

4. Verify the installation was successful and run
   cli

   node -v
   npm -v

Installing XCode ​

Next you will need XCode. XCode will install on macOS 10.15.7 Catalina or later. It will need about 50G Disk space for installation. Open the AppStore, search for XCode and and install it.

Once the installation is complete (this may take a while — brew a coffee and enjoy a little break), open XCode and if it prompts you to install the Command-Line-Tools make sure to say Yes.

Open XCode › Preferences › Locations and make sure Command Line Tools is set

Installing Ruby ​

Install ruby 2.7 and link it so it's available in your shell environment:

brew install [email protected]
brew link [email protected]

Add the following lines to your shell profile, usually ~/.bash_profile or ~/.bashrc, or if you are using zsh then ~/.zshrc config file:

# Add rubygems to the path
export PATH=/opt/homebrew/lib/ruby/gems/2.7.0/bin:$PATH
# or
export PATH=/usr/local/lib/ruby/gems/2.7.0/bin:$PATH

Installing cocoapods and xcodeproj ​

In a new terminal window, install the cocoapods and xcodeproj gems by running the following commands:

sudo gem install cocoapods
sudo gem install xcodeproj

Depending on installation methods, the location of ruby gems may vary. Make sure you have the right folder in your $PATH by running which pod. If the binary is not found run gem env to examine your folders, and update your $PATH in the login profile file.

Installing Python and six ​

Install python3 from Homebrew:

brew install python

# verify installation
python3 --version

Next, update pip and install six by running the following:

python3 -m pip install --upgrade pip
python3 -m pip install six

Installing the NativeScript CLI ​

Install the NativeScript CLI globally:

npm install -g nativescript

Verifying the environment ​

To verify that the installation was successful, open a new Terminal window (to ensure the new environment variables are loaded) and run:

ns doctor ios

If you see No issues were detected then you have successfully set up your system.