React Native 框架托管在GitHub。要獲得這個框架,你可以使用git命令克隆項目到本地,或者直接下載zip包。 如果你不想使用源代碼,也可以用命令行界面(CLI)創建React Native項目,本文將使用這種方式。
React Native 使用了 Node.js,如果你的機器上沒有安裝Node.js,請先安裝它。
首先需要安裝 Homebrew,安裝指南請參考Homebrew網站。然后用brew命令來安裝Node.js:
`brew install node`
然后安裝 watchman(Facebook推出的文件改動監聽器):
`brew install watchman`
React Native通過watchman來監視代碼文件的改動并適時進行編譯。這就好比Xcode,它會在每次文件被保存時對文件進行編譯。
然后用npm命令安裝React Native 的CLI工具:
`npm install -g react-native-cli`
這個命令通過Node Package Manager來下載和安裝CLI工具,npm是一個類似CocoPods或Carthage工具。
定位到要創建React Native 項目的文件夾,使用CLI工具創建一個新的React Native項目:
`react-native init PropertyFinder`
這將創建一個默認的React Native項目,其中包含有能夠讓React Native項目編譯運行的必要內容。
在React Native項目文件夾中,有一個node_modules文件夾,它包含React Native 框架文件。此外還有一個 index.ios.js 文件,這是CLI創建的腳手架代碼。最后,還有一個Xcode項目文件及一個iOS文件夾,后者會有一些iOS代碼用于引導React Navtive App。
打開Xcode項目文件,build&run。模擬器啟動并顯示一句問候語:

與此同時Xcode還會打開一個終端窗口,并顯示如下信息:
~~~
===============================================================
| Running packager on port 8081.
| Keep this packager running while developing on any JS
| projects. Feel free to close this tab and run your own
| packager instance if you prefer.
|
| https://github.com/facebook/react-native
|
===============================================================
Looking for JS files in /Users/colineberhardt/Temp/TestProject
React packager ready.
~~~
這是React Navtive Packager,它在node容器中運行。你待會就會發現它的用處。
千萬不要關閉這個窗口,讓它一直運行在后面。如果你意外關閉它,可以在Xcode中先停止程序,再重新運行程序。
> 注意:
> 在開始接觸具體的代碼之前(在本教程中,主要是js代碼),我們將推薦 Sublime
> Text這個文本編輯工具,因為Xcode并不適合用于編寫js代碼的。當然,你也可以使用 atom, brackets
> 等其他輕量級的工具來替代。