官網(wǎng):?https://reactnative.cn/docs/getting-started

我的博客:https://blog.csdn.net/weixin_43883485

開發(fā)平臺：macOS
目標平臺：iOS

安裝依賴

必須安裝的依賴有：Node、Watchman、Xcode和CocoaPods。

雖然你可以使用任何編輯器來開發(fā)應用（編寫 js 代碼），但你仍然必須安裝 Xcode 來獲得編譯 iOS 應用所需的工具和環(huán)境

推薦使用Homebrew來安裝?Node和?Watchman。在命令行中執(zhí)行下列命令安裝
如果你沒有安裝 請先安裝?Homebrew

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

brew install node
brew install watchman

如果你已經(jīng)安裝了 Node，請檢查其版本是否在 v12 以上。安裝完 Node 后建議設(shè)置 npm 鏡像（淘寶源）以加速后面的過程（或使用科學上網(wǎng)工具）。

注意：不要使用 cnpm！cnpm 安裝的模塊路徑比較奇怪，packager 不能正常識別?。?！

# 使用nrm工具切換淘寶源
npx nrm use taobao

# 如果之后需要切換回官方源可使用
npx nrm use npm

Watchman則是由 Facebook 提供的監(jiān)視文件系統(tǒng)變更的工具。安裝此工具可以提高開發(fā)時的性能（packager 可以快速捕捉文件的變化從而實現(xiàn)實時刷新）。

下面是我電腦的brew node watchman版本

Yarn

Yarn是 Facebook 提供的替代 npm 的工具，可以加速 node 模塊的下載

npm install -g yarn

安裝完 yarn 之后就可以用 yarn 代替 npm 了，例如用yarn代替npm install命令，用yarn add 某第三方庫名代替npm install 某第三方庫名
yran源配置 參考我另外一篇博客:?Mac安裝yarn 設(shè)置鏡像

CocoaPods

CocoaPods是用Ruby編寫的包管理器。從0.60版本開始react native的iOS版本需要使用CocoaPods來管理依賴。你可以使用下面的命令來安裝cocoapods。

當然安裝可能也不順利，請嘗試翻墻或?qū)ふ乙恍﹪鴥?nèi)可用的鏡像源。
ps 如果這一步?jīng)]有成功 會導致項目啟動失敗

sudo gem install cocoapods

或者可以使用brew來安裝

brew install cocoapods

查看版本

pod --version

另外目前最新版本似乎不能在ruby2.6版本以下安裝，意味著如果你使用的macOS版本低于10.15 (Catalina) 則無法直接安裝?？梢試L試安裝較舊一些的版本。
如?sudo gem install cocoapods -v 1.8.4
因為我的電腦是版本低于10.15 所以我使用?sudo gem install cocoapods -v 1.8.4

Xcode

React Native 目前需要Xcode 10 或更高版本。你可以通過 App Store 或是到Apple 開發(fā)者官網(wǎng)上下載。這一步驟會同時安裝 Xcode IDE、Xcode 的命令行工具和 iOS 模擬器。
ps 這個軟件很大 下載需要等待一定到時間

Xcode 的命令行工具
啟動 Xcode，并在Xcode | Preferences | Locations菜單中檢查一下是否裝有某個版本的Command Line Tools。Xcode 的命令行工具中包含一些必須的工具，比如git等。

創(chuàng)建新項目

如果你之前全局安裝過舊的react-native-cli命令行工具，請使用npm uninstall -g react-native-cli卸載掉它以避免一些沖突。

使用 React Native 內(nèi)建的命令行工具來創(chuàng)建一個名為"FirstApp"的新項目。這個命令行工具不需要安裝，可以直接用 node 自帶的npx命令來使用（注意 init 命令默認會創(chuàng)建最新的版本）：

這一步非常重要 鬼知道我在這里經(jīng)歷了什么...?CocoaPods 的倉庫在國內(nèi)也很難訪問。如果在 CocoaPods 的安裝步驟卡很久，可以試一下這個國內(nèi)鏡像

cd 文件路徑

npx react-native init FirstApp

運行React Native應用

在你的項目目錄中運行yarn ios或者yarn react-native run-ios

cd AwesomeProject
yarn ios
# 或者
yarn react-native run-ios

提示：如果此命令無法正常運行，請使用 Xcode 運行來查看具體錯誤（run-ios 的報錯沒有任何具體信息）。注意 0.60 版本之后的主項目文件是.xcworkspace，不是.xcodeproj！

ok我啟動成功