初心者向け!WindowsでReactNative入門~環境構築編~ ③Expoのインストール

f:id:enia:20210920164331p:plain

えにあです。
WindowsでReactNative入門~環境構築編~の3日目です。
本日はExpoはReactNativeでの開発をより便利にしてくれるツールであるExpoをインストールしていきます。

目次

Expo-cliのインストール

PowerShellを管理者権限で起動し、yarn global add expo-cliを実行します。

PS C:\Windows\system32> yarn global add expo-cli
yarn global v1.22.11
[1/4] Resolving packages...
~中略~
[4/4] Building fresh packages...
success Installed "expo-cli@4.11.0" with binaries:
      - expo
      - expo-cli
Done in 158.50s.

環境変数の追加

コマンドラインでexpoコマンドを実行できるように、環境変数を追加します。
まずはexpoコマンドの格納場所を確認します。

PS C:\Windows\system32> yarn global bin
C:\Users\xxxxx\AppData\Local\Yarn\bin  ★xxxxxの部分はユーザごとに異なります。

ここで確認したパスをユーザ環境変数pathに追加します。

Powershellを管理者権限で開きなおします。 expoコマンドが実行できることを確認しましょう。

PS C:\Windows\system32> expo --version
4.11.0

expoのアカウントを作る

expo.dev

の左上から作れます。

expo-cliへのログイン

expo loginコマンドを使ってcliへログインします。

PS C:\Windows\system32> expo login
√ Username/Email Address: ... xxxx.xxxx@xxxx.xxxx
√ Password: ... **********

Success. You are now logged in as enia_c.
PS C:\Windows\system32>

今回はReactNativeの開発をより便利にするツールであるExpoをインストールしました。 今回はここまで!