環境搭建
必需的軟件
安裝Homebrew
- Homebrew, Mac系統的包管理器，用於安裝NodeJS和一些其他必需的工具軟件。
- 安裝方式：
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"- 可以執行
brew -v進行檢查brew是否已經安裝成功
安裝npm 和 Node.js
- NPM（node package manager),通常稱爲node包管理器，主要功能就是管理node包，包括：安裝、卸載、更新、查看、搜索、發佈等。NPM是基於couchdb一個數據庫，詳細記錄了每個包的信息（作者、版本、依賴、授權信息等）
React Native目前需要NodeJS 5.0或更高版本。node安裝成功後npm自動也就有了，直接下載安裝Node.js，網址：https://nodejs.org/en/download/ （資料中已有）。
安裝方式：
brew install node注意:由於衆所周知的網絡原因，需要等待一段時間（具體視網絡情況而定）。react-native命令行從npm官方源拖代碼時會遇上麻煩，可以將npm倉庫源替換爲國內鏡像：
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
安裝Yarn、React Native的命令行工具（react-native-cli）
- Yarn是Facebook提供的替代npm的工具，可以加速node模塊的下載。React Native的命令行工具用於執行創建、初始化、更新項目、運行打包服務（packager）等任務。
- 安裝方式
npm install -g yarn react-native-cli推薦安裝
Watchman
- Watchman是由Facebook提供的監視文件系統變更的工具。安裝此工具可以提高開發時的性能（packager可以快速捕捉文件的變化從而實現實時刷新）。譯註：此工具官方雖然是推薦安裝，但在實踐中，我們認爲此工具是必須安裝，否則可能無法正常開發。
- 安裝方式
brew install watchmanFlow
- Flow是一個靜態的JS類型檢查工具。譯註：你在很多示例中看到的奇奇怪怪的冒號問號，以及方法參數中像類型一樣的寫法，都是屬於這個flow工具的語法。這一語法並不屬於ES標準，只是Facebook自家的代碼規範。所以新手可以直接跳過（即不需要安裝這一工具，也不建議去費力學習flow相關語法）。
- 安裝方式
brew install flowReact Native項目創建
創建方法
react-native init 項目名稱運行結果
項目目錄結構
- 1、默認生成android和ios兩個平臺的原生項目
- 2、index.js和App.js文件爲Android和iOS的空殼應用文件（0.49版本之前是index.android.js和index.ios.js）
- 3、node_modules文件夾，是爲Node.js存放和管理npm包資源，也包含React Native框架文件。
4、其他配置文件
運行工程
不管是 iOS 還是 Android，在開發調試階段，都需要在 Mac 上啓動一個 HTTP 服務，稱爲Debug Server，默認運行在 8081 端口，APP 通 Debug Server 加載 js。
- 運行iOS
打開Xcode，運行你的第一個React Native創建的iOS應用
啓動React native 服務器
iOS客戶端運行界面
- 運行Android
管理React Native庫的版本
- 查看本地的React Native的版本
react-native --version- 更新本地的React Native的版本
npm update -g react-native-cli- 查詢react-native的npm包最新版本
- npm包地址 :https://www.npmjs.com/package/react-native
- 命令行查詢：
npm info react-native
- 項目中查看
- 升級或者降級npm包的版本
npm install --save react-native@0.4- 更新項目templates文件（可選）
新的npm包會包含更新在運行react-native init命令生成的一些動態文件，例如init創建項目的時候會生成iOS和Android的子項目，我們可以通過以下的命令進行獲取最新的代碼
react-native upgrade至此，環境搭建與項目創建已完成
參考鏈接：https://reactnative.cn/docs/0.51/getting-started.html#content