React Native 起步

基本需求

1. OS X - 當前只支持 OS X 版本。
2. 推薦您使用 Homebrew 來安裝 Watchman 和 Flow
3. 安裝 Node.js 4.0 或以上版本。
• 根據 nvm 的安裝指導文件 安裝好nvm. 然后執行命令 nvm install node && nvm alias default node , 該命令幫您安裝了最新版本的 Node.js，同時設置好 terminal 終端，您只需要輸入 node 即可啟動應用。 使用 nvm 您可以在電腦上安裝多個版本的 Node.js 并且在版本之間切換非常簡單。
• 對 nvm 還不熟悉的就點鏈接吧。
4. 運行：brew install watchman . 推薦一定要安裝 watchman,不然您會遇到： node file watching 的問題。
5. 運行：brew install flow. 如果您需要用到 flow.

強烈推薦您能定期運行一下命令：brew update && brew upgrade，這樣可以保證您的程序都是最新的。

iOS 設置

您需要安裝 Xcode 6.3 或更高版本。該程序可以從 App Store 直接下載安裝。

Android 設置

您如果是給 Android 系統開發 React Native 應用，那就需要安裝 Android SDK (如果您不打算用真實的 Android 設備進行調試工作的話，最好還要安裝一個 Android 模擬器)。參考 Android 設置指導 來安裝您的 Android 開發環境。

快速開始

$ npm install -g react-native-cli
$ react-native init AwesomeProject

運行 iOS 應用

$ cd AwesomeProject
在 Xcode 里面打開 ios/AwesomeProject.xcodeproj，并點按運行
在 文本編輯器中打開 index.ios.js 選擇并修改一些內容。
在 iOS 模擬器中按下快捷鍵 ?-R, 重新加載該應用，檢查您所做的修改。

運行 Android 應用

$ cd AwesomeProject
$ react-native run-android
在 文本編輯器中打開 index.ios.js 選擇并修改一些內容。
點按菜單按鈕(默認是 Ｆ2, 或者在 Genymotion 中是?-M) 選擇重新加載JS 以檢查您的修改是否生效！
在終端里執行如下命令：adb logcat *:S ReactNative:V ReactNativeJS:V ，該命令用來查看應用的日志文件。

注意：如果您正在使用設備進行調試，那么參照 在設備上運行指導文件（英文） 。
撒花！ 您已經成功的修改并運行了您的第一個 React Native 應用了。
您在這個過程里碰到的任何麻煩事兒，都先試著在 問題解決頁面 找找（英文）

將 Android 支持添加到已經存在的 React Native 項目中

如果您已經有一個只支持 iOS 系統的 React Native 項目，現在想為他加入 Android 支持，那只需要在該項目的路徑下執行下面的命令即可：
首先把屬于 package.json 文件的 react-native 更新到最新版本。
$ npm install
$ react-native android

不深思則不能造于道。不深思而得者，其得易失。

名人名言- 曾國藩

• By 優聯實達
• 2015-10-16
• 1601
• 公司新聞，網站開發，網站設計，UI