【ReactNative】環境構築
【ReactNative】環境構築:
今までWebアプリしか作ったことがなかったので、そろそろスマホアプリを開発したいと思います。
iOS, Androidどちらも作りたいので、Swift, kotolinを学習しようと思いましたが、片方で燃え尽きそうなので共通して開発が可能なReactNativeで開発しようと思います。
出会い系じゃないマッチングアプリ
以下のドキュメントにしたがってget start!(一旦iOSだけ)
https://facebook.github.io/react-native/docs/getting-started
CLI(Command Line Interfaceの略)
※もしエラーが出た場合以下で実行
こちらはAppStoreにてダウンロード(結構時間と容量がかかります)
すると、以下のようなシミュレーターが立ち上がる
基本的にドキュメントだけみていれば問題ないです。
2の際に、エラーが出続けたのですが、nodeのバージョンが
開会式
今までWebアプリしか作ったことがなかったので、そろそろスマホアプリを開発したいと思います。iOS, Androidどちらも作りたいので、Swift, kotolinを学習しようと思いましたが、片方で燃え尽きそうなので共通して開発が可能なReactNativeで開発しようと思います。
作るもの
出会い系じゃないマッチングアプリ
環境構築
以下のドキュメントにしたがってget start!(一旦iOSだけ)https://facebook.github.io/react-native/docs/getting-started
nodeとwatchmanをinstall
$ brew install node $ brew install watchman
node
のバージョンは、8.3以上推奨watchman
はReact Nativeを開発したFaceBookが推奨しているファイル変更管理ツール
The React Native CLIのinstall
$ npm install -g react-native-cli
npm
はnodeと共にinstallされるので、すでに使用できる状態になっていると思います。CLI(Command Line Interfaceの略)
※もしエラーが出た場合以下で実行
$ curl -0 -L https://npmjs.org/install.sh | sudo sh
Xcodeのinstall
こちらはAppStoreにてダウンロード(結構時間と容量がかかります)
React Native Projectの作成と、シミュレーター起動
$ react-native init ProjectName $ cd ProjectName $ react-native run-ios
index.js
が読み込まれると、以下のような画面になります
まとめ
基本的にドキュメントだけみていれば問題ないです。2の際に、エラーが出続けたのですが、nodeのバージョンが
v10.2.1
とかだったのを、brew node upgrade
してv11.6.0
にしたらできました。
コメント
コメントを投稿