[Из песочницы] Установка NativeScript на Mac OS

Здравствуйте, уважаемые Хабравчане. Спешу поделиться с Вами своим небольшим опытом в казалось бы простом деле — установить NativeScript на Mac OS.

Недавно нам поступила заявка на изучение NativeScript с целью выявить положительные и отрицательные стороны данной технологии.

Скажу честно, в процессе установки NativeScript на свой Mac я столкнулся с рядом неприятностей. К сожалению, официальный материал на мой любительский взгляд, не содержит полноценного руководства установки, а сторонние ресурсы и без того сбивают с толку, предлагая то один, то другой способы, опять-таки умалчивая о подводных камнях, что приводит в дальнейшем к путанице в зависимостях, повторной переустановке различных пакетов и т.п.

В данной статье я не буду рассказывать о плюсах и минусах, а поговорим мы о банальной установке. Чтобы не мучиться больше никому.

Статья является точной последовательностью действий, актуальной на данный момент (24.04.17)

Предполагаю, что Xcode у вас уже стоит. Если нет, заходим на сайт Apple или устанавливаем из магазина. Итак, приступим…

  1. Откройте терминал
  2. Введите команду, указанную ниже, для установки пакетного менеджера Brew:
    /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

    После установки можно проверить версию пакета, введя команду:
    brew -v

  3. Введите команду установики NodeJS (без указания sudo):
    brew install node

    Проверить версию NodeJs и NPM можно командами:
    node -v

    и
    npm -v

    Небольшая ремарка: не ставьте, пожалуйста, NodeJS из пакета с официального сайта! В рамках данной статьи используется Brew. В противном случае Вы рискуете запутаться в зависимостях и что-то не будет «заводиться».
  4. Установим Command Line Tools для Xcode, ссылка.
  5. Устанавливаем xcodeproj:
    sudo gem install xcodeproj

  6. Устанавливаем CocoaPods
    sudo gem install cocoapods

  7. Устанавливаем JDK — скачиваем *.dmg пакет с сайта Oracle. И устанавливаем.
  8. Установим Android, скачав с сайта Android.
  9. После установки Android Studio, зайдем в настройки оболочки AndroidStudio и установим дополнительно Android версий 22, 23, 24 и 25 из раздела:
    Appearence & Behavior / System Settings / Android SDK

    как показано на рисунке ниже.

    image

  10. Затем вводим:
    echo "export JAVA_HOME=$(/usr/libexec/java_home)" >> ~/.profile

    и
    echo "export ANDROID_HOME=$HOME/Library/Android/sdk" >> ~/.profile

    Таким образом файл .profile будет создан или дополнен, если он уже существует.
  11. Еще раз введем в консоль:
    export JAVA_HOME=$(/usr/libexec/java_home)

    и 
    export ANDROID_HOME=$HOME/Library/Android/sdk

    Это применит переменные окружения без перезагрузки bash.
  12. Проверьте переменные:
    echo $ANDROID_HOME

    echo $JAVA_HOME

  13. Обязательно выполним команду:
    sudo xcode-select -r

  14. Мы подошли к кульминации, а именно к установке самого NativeScript. Вводим команду (без указания sudo):
    npm install nativescript -g

На этом все! Глядя на данный, казалось бы абсолютно ненужный материал, хочется сказать, что именно отсутствие такого материала, заставило меня потратить немало времени и нервов.

Желаю приятного кодинга и успехов в данном направлении.

Дополнительный материал:

  1. Setup your Mac to develop NativeScript Apps
  2. Quick Setup
  3. NativeScript Advanced Setup: macOS

Комментарии (0)

© Habrahabr.ru