完了方法:Windows 10でGenymotion(Android Emulator)を使用してcreate-react-native-appを10ステップで完了

私は常にクイックスタートガイドのファンでした。ここでは、Windows 10でcreate-native-react-appとGenymotionを使用して、AndroidエミュレーターをセットアップしてReactネイティブアプリを構築しようとしている人たちを支援しようとしています。

このガイドでは、人々はゼロから始めることを想定しています。 (依存関係のない新しいWindowsインストール)

ステップ1:Node.jsをインストールする

最初から始めているので、まずNode.jsをダウンロードしましょう。より安全にするために、LTSバージョンをダウンロードしてください。ここから取得できます:

[完了]ダイアログが表示されるまで、インストール手順に従います([次へ]をクリックし続けます)。

完了したら、コマンドプロンプトを開き([スタート]-> cmdと入力してEnterキーを押します)、1つずつ入力します。

node -v
npm -v

これらのコマンドの両方がエラーを返さなかった場合、ステップ2に設定されます。Node.jsのインストールに問題が発生しました。こちらでトラブルシューティングできます:

**ステップ2(今のところ):npmをv4.x.xにダウングレードします

このガイドの執筆時点で。 npm @ 5のサポートにはバグがあります。近いうちに修正されるでしょう。しかし今のところ、これはあなたがすることです:

npm install -g npm @ 4

ステップ3:create-react-nativeアプリをインストールする

Node.jsを起動して、コマンドプロンプトで次のタイプを実行します。

npm install -g create-react-native-app

Enterを押します。

ステップ4:Genymotionにサインアップする

https://www.genymotion.com/account/create/にアクセスして、アカウントを作成します。

個人的に、
私が選んだ会社の種類:フリーランサー、
私が選択した使用タイプ:開発

ステップ4:Genymotionをダウンロードする

完了したら、ダウンロードページに移動する必要があります。

VirtualBoxでオプションを選択します(Windows PCにVirtualBoxがまだインストールされていない場合)。

手順5:Genymotionに新しい仮想デバイスを追加する

ダウンロードしたら、Genymotionを開き、手順3で作成した資格情報でログインします。
これで、新しい仮想デバイスを追加できるようになります(Ctrl + N)。

リストからいずれかを選択して、「次へ」をクリックします。

完了すると、仮想デバイスの下にデバイスが一覧表示されます。

ステップ6:環境変数の構成とパスの追加

もうすぐだ!まだ[スタート]ボタンを押さないで、Genymotionウィンドウを最小化し、[このPC(マイコンピューター)]-> [プロパティの選択]を右クリックします。

左側のパネルで[システムの詳細設定]を探してクリックします。

[システムのプロパティ]ウィンドウが表示されます。次に、右下の環境変数をクリックします。

表示される[環境変数]ウィンドウ。
[システム変数]ブラケットで[パス]を選択し、[編集]をクリックします。

次に、環境変数の編集ウィンドウで、[新規]-> [パスC:\ Program Files \ Genymobile \ Genymotion \ toolsの追加]をクリックし、すべてのウィンドウが閉じるまで[OK]をクリックします。

手順7:Genymotionで仮想デバイスを起動する

次に、以前に最小化したGenymotionウィンドウを復元し、[開始]をクリックします。

次のようなAndroidエミュレータが表示されます。

ステップ8:「create-react-native-app」の作成

次に、コマンドプロンプトをもう一度開き、プロジェクトディレクトリに移動して、次のように入力します。

create-react-native-app your-awesome-project

ステップ9:「create-react-native-app」の実行

次に、コマンドプロンプトで次のように入力します。

cd your-awesome-project
npm run android

ステップ10:許可と出来上がり!

最後に、仮想デバイスにこの(または同様の)画面が表示されたら、博覧会の許可を与えます。

これで完了です!

このガイドがお役に立てば幸いです。本当にハッピーハッキング!