# React Native CLI 初始建立專案

###### tags: `React Native` `Tutorial`

- iOS 環境需求

**Node v19.5.0**

**Ruby v2.7.5（用** `rbenv` 去安裝）

mac 預設是 2.6.8，會遇到下面錯誤訊息，需要升級 Ruby 版本才可以使用


使用 Homebrew 安裝 Ruby 2.7.5 方式：


**Xcode**

14.0.1

**CocoaPods**

1.11.3

**Watchman(Options)**

2023.02.20.00

- **Android** 環境需求

Java （可以用 brew 安裝 Zulu OpenJDK）

Android Studio 需要包含以下項目

Android SDK

Android SDK Platform

Android Virtual Device

進入 Android Studio 安裝 `Android 12` （ SDK Manager ）

設定電腦環境 **ANDROID_HOME**

    export ANDROID_HOME=$HOME/Library/Android/sdk
    export PATH=$PATH:$ANDROID_HOME/emulator
    export PATH=$PATH:$ANDROID_HOME/platform-tools

- iOS 及 Android 環境配置好後，就可以使用 RN CLI 建立專案

> npx react-native@0.71.4 init <ProjectName>
>


- 運行 Android 專案

> npx react-native run-android
>


- 運行 iOS 專案

> npx react-native run-ios
>


- 運行專案時，會開啟 Metro，不要關閉它


- 或是可以直接啟動 Metro，再按下 i / a 運行 ios 或是 android 專案

> npm start
>

r - reload the app
d - open developer menu
i - run on iOS
a - run on Android