Создал: Сергей Савельев
Создана: 30.08.2019 11:24
Редактировал: Сергей Савельев
Редактирована: 02.09.2019 22:49
Статус: Редактируемая

React Native

Хочется описать весь перечень действий с самого начала от владения компьютером с установленной системой Windows, по этому статья будет достаточно длинной.

Используем самую на текущий момент адекватную IDE - WebStorm. После её установки нужно произвести активацию, как это сделать описано в интернете, зачастую на трекерах.

После этого надо установить несколько необходимых для продолжения программ:

  • Node Js для npm
  • Yarn для ускорения работы с npm пакетами
  • Java SE для работы React Native
  • react-native-cli через yarn add:
    • yarn global add react-native-cli
  • Android Studio для запуска виртуальных устройств

Необходимо установить переменные среды в Windows. Нажав на значок пуск правой кнопкой мыши и выбрав Система, Сведения системы, перейти в Дополнительные параметры системы и во вкладке Дополнительно войти в Переменные среды (кнопка в самом низу). Добавить переменную:

Имя: ANDROID_HOME
Значение: C:\Users\YOUR_USERNAME\AppData\Local\Android\Sdk

Где YOUR_USERNAME имя пользователя Windows.

Добавить пункт в переменную Path: c:\Users\YOUR_USERNAME\AppData\Local\Android\Sdk\platform-tools

И добавить JAVA_HOME, нужно найти путь самим, скорей всего C:\Propgram Files\java\sdkNUMBER

Следующий шаг это создание виртуального устройства. Делается это через Android Studio, в AVD Manager.

Создать проект в терминале открытым в папке C:\Users\YOUR_USERNAME\WebstormProjects по команде:

react-native init myProjectName --template typescript

myProjectName - Название проекта

Запустить WebStorm, открыть папку ранее созданного проекта

Последний этап это запуск проекта на виртуальном устройстве. Для этого нужно в терминале WebStorm, расположенном в нижней панели, запустить команду: 

react-native run-android