m_shige1979のささやかな抵抗と欲望の日々

プログラムの勉強をしながら学習したことや経験したことをぼそぼそと書いていきます

Github(変なおっさんの顔でるので気をつけてね)

https://github.com/mshige1979

react-native環境設定

環境

mac(catalina)

入れるもの

react-native

セキュリティソフト

eset

作業ディレクト
$HOME/work/react-native

てじゅん

brewインストール*1
/usr/bin/ruby -e “$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)”

※入っている場合はupdateとかしとけば良いはず

anyenvセットアップ*2
brew install anyenv
anyenv init
anyenv install --init
echo 'eval "$(anyenv init -)"' >>  ~/.zshrc

※”~/.zshrc”の箇所は環境に合わせて書き換える(私の環境はcatalinaだったのかbach_profileが使えなかった)
anyenvを使う - Qiita

※手動?

anyenv install --init
mkdir -p $(anyenv root)/plugin
git clone https://github.com/znz/anyenv-update.git $(anyenv root)/plugins/anyenv-update
anyenv update
anyenv install nodenv
exec $SHELL -l
nodenv install
nodenv install 14.11.0
nodenv global 14.11.0
node --version
watchman
brew install watchman
yarn install
brew install yarn
react native
mkdir -p $HOME/work/react-native
cd $HOME/work/react-native
yarn add --exact react-native
yarn add --dev --exact @types/react-native
java
brew tap AdoptOpenJDK/openjdk
brew cask install adoptopenjdk8
java -version
android sdk
brew install cask android-studio
brew cask install intel-haxm
環境変数(~/.zshrc)に追記
export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools
xcode(環境によっては既存のものを削除する必要あり)
app storeよりインストール
CocoaPods
sudo gem install cocoapods
pod --version
雛形作成
cd $HOME/work/react-native
npx react-native init MyApp --template react-native-template-typescript@6.3.16
実行
cd MyApp
npx react-native run-android


f:id:m_shige1979:20200921093543p:plain

esetの弊害

gladleがネットワークでダウンロードできないため、ビルドが終わらない

→ ファイアウォールを解除するか、ポートを開ける必要がある
f:id:m_shige1979:20200921093210p:plain

f:id:m_shige1979:20200921093247p:plain

f:id:m_shige1979:20200921093317p:plain

あと他にもandroidエミュレータとの通信も通らないので状況に合わせてポートを開ける必要がある。

所感

  1. react-nativeのセットアップよりgradleの対応の方に時間を取られた
  2. セキュリティソフト変えた方がいいかな?
  3. windows10でandoriidを動かす方法も調べるけど、PC持ってないからどうしようかな・・・

*1:パッケージソフトのツール

*2:nodeとか入れる際に利用する