React native установка и создание нового проекта на Mac

React native установка и создание нового проекта на Mac

Описание установки на официальном сайте:

https://reactnative.dev/docs/environment-setup

Устанавливаем Homebrew

Описание можно найти на странице: https://brew.sh/index_ru

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

Устанавливаем watchman и Node

Если не установлена Node или ее версия ниже 14

brew install node

Ставим watchman

brew install watchman

Для того чтобы узнать, какая версия Ruby нужна, можно попробовать создать новый проект

npx react-native init <Название проекта>

В файле .ruby-version – можно увидеть версию, у меня например версия 2.7.5

Устанавливаем необходимую версию Ruby

Проверка текущей версии Ruby

ruby --version

Вначале устанавливаем менеджер версий Ruby

Можно выбрать из этих:

  1. rbenv – https://github.com/rbenv/rbenv
  2. RVM – https://rvm.io/
  3. chruby – https://github.com/postmodern/chruby
  4. asdf-vm – https://github.com/asdf-vm с плагином asdf-ruby – https://github.com/asdf-vm/asdf-ruby

Устанавливаем asdf-vm

Описание: https://asdf-vm.com/guide/getting-started.html#_1-install-dependencies

brew install asdf

Далее для ZSH & Homebrew:

echo -e "\n. $(brew --prefix asdf)/libexec/asdf.sh" >> ${ZDOTDIR:-~}/.zshrc

Устанавливаем плагин asdf-ruby

asdf plugin add ruby https://github.com/asdf-vm/asdf-ruby.git

Устанавливаем необходимую версию ruby

RUBY_APPLY_PATCHES=$'dir/1.patch\n2.patch\nhttp://example.com/3.patch' asdf install ruby 2.7.5

Устанавливаем CocoaPods

sudo gem install cocoapods

Создаем новый проект

npx react-native init <Название проекта>

Установка зависимостей, если возникли проблемы при создании проекта

cd ios
bundle install
bundle exec pod install

Запускаем Metro

npx react-native start

В новом окне терминала, вводим команду для запуска на симуляторе

npx react-native run-ios

Оставить комментарий