React Native開發環境配置(MAC + iOS)官方文檔翻譯總結

環境的配置取決於您應用的運行平台,iOS, Android還是兩者都可以.您只需要選擇一種即可,因為不同的環境只是在setup時有點不同而已.下面是使用MAC開發運行在iOS系統的環境配置. 環境配置

開發工具: Xcode, node.js, React Native 命令列工具, Watchman.
官方推薦使用 Homebrew 來安裝 node 和 watchman. 安裝 Homebrew

安裝官網提示將下面命令直接複製到終端即可.然後會提示”Press RETURN to continue or any other key to abort
“. 按下RETURN即可,然後會要求輸入管理員密碼.成功以後會出現以下介面.

![]http://7xpl1c.com1.z0.glb.clouddn.com/063BAA23-8755-40CB-9E90-C5E3E4C1B1B7.png 注: 如果出現任何問題,可以直接去官網裡面有各種解決辦法. 安裝Node

安裝完 Homebrew 以後,執行下面命令:

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

brew install nodebrew install watchman

Node 內建了 npm, 可以讓您直接安裝 React Native 命令列介面.

sudo npm install -g react-native-cli

安裝提示輸入密碼即可安裝成功. 注: 如果遇到”Cannot find module ‘npmlog’”錯誤,請先執行下面命名

curl -0 -L http://npmjs.org/install.sh | sudo sh

安裝Xcode

直接去Mac App Store下載即可. 測試 React Native 的安裝

下面是使用 React Native 建立一個叫”AwesomeProject”的項目.然後使用”react-native run-ios”命令在該目錄裡運行項目

react-native init AwesomeProjectcd AwesomeProjectreact-native run-ios

當然您有可以直接使用 Xcode 或者 Nuclide 運行. 修改APP

既然咱們成功運行了APP,下面讓我們對其進行修改 開啟index.ios.js更改其內容 使用Command⌘ + R來重新載入iOS模擬器 其他

關於其他動作系統或者Android開發請看後續文章