React Native環境配置

概述

前面咱們介紹過在window環境下開發React Native項目，今天說說怎麼在mac上搭建一個RN的開發環境。

配置mac開發環境

基本環境安裝

1.先安裝Homebrew：用於安裝NodeJS和其餘工具。 

注：Homebrew詳解，對這個比較瞭解的略過，我也是用mac沒多久，這裏給小白普及下。 
Homebrew全稱Homebrew is the easiest and most flexible way to install the UNIX tools Apple didn’t include with OS X。是一個包管理器，用於在Mac上安裝一些OS X沒有的UNIX工具（好比著名的wget），Homebrew將這些工具通通安裝到了 /usr/local/Cellar 目錄中，並在 /usr/local/bin 中建立符號連接。 
安裝Homebrew:

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

而後一路回車 
 
最後出現success，就表示安裝成功了。 

安裝完成後，能夠用brew doctor命令檢測下是否有什麼衝突的地方。關於Homebrew其餘的介紹能夠自行查看官網資料。

安裝 Node.js

React Native 須要 NodeJS 4.0或更高版本，Homebrew的Node默認包是6.0版本的，因此直接安裝便可：

 brew install node

安裝React Native 命令行工具npm

以前咱們說過npm是一個包管理工具，它是用來管理node的，詳細介紹請看npm詳解 
命令行工具能夠輕鬆建立和初始化工程：

npm install -g react-native-cli

注：若是出現錯誤 :EACCES: permission denied,使用命令: sudo npm install -g React-native-cli.

安裝Yarn

Yarn是Facebook提供的替代npm的工具，能夠加速node模塊的下載。React Native的命令行工具用於執行建立、初始化、更新項目、運行打包服務（packager）等任務。

 

npm install -g yarn react-native-cli

其餘建議安裝

Watchman

Whtchman是Facebook開發的一個檢測文件系統變化的工具，在RN開發中能夠檢測js文件等是否有變化，從而達到保存及編譯的效果。這個在windows中也有，我的以爲可裝也能夠不裝，直接手機上reload也是能夠的。

 brew install watchman

Flow

靜態類型檢查工具

 brew install flow

Nuclide

Facebook推出的一款React Native集成開發環境(IDE)，不過我不太喜歡，我通常用webstorm+Android/ios 的ide。

快速開發React Native

每次學習一門新的語言，咱們老是總喜歡來一個helloWord。

 

react-native init HelloWord

cd HelloWord 

react-native run-ios

 

注：也能夠用Xcode打開iOS/HelloWord.xcodeproj 並點擊Run按鈕。 

小提示：react-native命令行從npm官方源拖代碼時會趕上麻煩。請將 npm倉庫源替換成淘寶的：

 

 npm config set registry https://registry.npm.taobao.org --global

npm config set disturl https://npm.taobao.org/dist --global

 

原文連接： http://blog.csdn.net/xiangzhihong8/article/details/53914336