Have you seen all of the free code samples available on our Marketplace?

NativeScript Core

NativeScript Advanced Setup: macOS

This page contains a list of all system requirements needed to build and run NativeScript apps on macOS, as well as a guided walkthrough for getting these requirements in place. On macOS systems, you can use the NativeScript CLI to develop Android and iOS apps.

System Requirements

  • macOS High Sierra or later
  • The latest stable official release of Node.js (LTS) 8.x.
  • (Optional) Homebrew to simplify the installation of dependencies
  • For iOS development
    • Latest Xcode
    • Command-line tools for Xcode
    • xcodeproj ruby gem
    • CocoaPods
    • The six python package
    • (Optional) xcproj command line tool
  • For Android development
    • JDK 8 or later
    • Latest official release of Android SDK
    • Android Support Repository
    • (Optional) Google Repository
    • Android SDK Build-tools 27.0.3 or later

You must also have the following two environment variables setup for Android development:

  • JAVA_HOME
  • ANDROID_HOME

Advanced Setup Steps

Complete the following steps to setup NativeScript on your macOS development machine:

  1. Install Homebrew to simplify the installation process.

    ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
    
  2. Install the latest Node.js (LTS) 8.x.

    brew update
    
    brew install node@8
    
    1. After you run the command above you will see this on console: If you need to have this software first in your PATH run: echo 'export PATH="/usr/local/opt/node@8/bin:$PATH"' >> ~/.bash_profile In order to make node available, please add it to path with this command: echo 'export PATH="/usr/local/opt/node@8/bin:$PATH"' >> ~/.bash_profile
      Then restart the terminal or run source ~/.bash_profile command.
  3. Install the dependencies for iOS development.

    1. Run the App Store and download and install Xcode 9 or later.
    2. Start Xcode and you will be prompted to install Command Line Tools for Xcode.

      1. To verify that the installation is correct please run xcodebuild -version If command above do not pass then build tools are either not installed or not selected. You can select build tools via xcode-select command or via Xcode (Preferences -> Locations -> Command Line Tools).
    3. Install the xcodeproj ruby gem with the following command.

      sudo gem install xcodeproj
      
    4. Install CocoaPods

      sudo gem install cocoapods
      
    5. Setup CocoaPods

      pod setup
    6. Install python six package

      pip install six
      
    7. (Optional) If you are using Xcode 7.3 as well as an older version of CocoaPods (0.39.0 or earlier), you must install the xcproj command-line tool by running brew install xcproj in your terminal. You can check your CocoaPods version with pod --version.

      brew install xcproj
      
  4. Install the dependencies for Android development.

    1. Install JDK 8.
    brew tap caskroom/versions
    
    brew cask install java8
    
    1. Set the JAVA_HOME system environment variable.

      export JAVA_HOME=$(/usr/libexec/java_home -v 1.8)
      
    2. Install the Android SDK.

      1. In the terminal, run the following command:

        brew cask install android-sdk
        
      2. Next, run the following command to set the ANDROID_HOME system environment variable:

        export ANDROID_HOME=/usr/local/share/android-sdk
        
        NOTE: This is the directory that contains the tools and platform-tools directories.
        NOTE: In order to persist these variables after your terminal session is closed, they have to be persisted in your shell profile file (e.g. ~/.bash_profile if you are using Bash, ~/.zprofile if you are using Zsh)
      3. In addition, install all packages for the Android SDK Platform 25, Android SDK Build-Tools 27.0.3 or later, Android Support Repository, Google Repository and any other SDKs that you may need. You can alternatively use the following command, which will install all required packages.

        $ANDROID_HOME/tools/bin/sdkmanager "tools" "emulator" "platform-tools" "platforms;android-25" "build-tools;27.0.3" "extras;android;m2repository" "extras;google;m2repository"
        

        If you are behind a corporate proxy, it might be necessary to pass additional arguments. You can check sdkmanager documentation

  5. Setup Android Emulators (AVD) by following the article here

  6. Install the NativeScript CLI.

    1. Run the following command.

      npm i -g nativescript
      
    2. Restart the command prompt.

  7. To check if your system is configured properly, run the following command.

    tns doctor
    

If you see "No issues were detected" you are good to go!

NativeScript tns doctor result

What’s Next