RN01-React Native環境搭建

學習文檔：

中文： http://reactnative.cn/docs/0.31/getting-started.html

英文： http://facebook.github.io/react-native/docs/getting-started.html

 

第一步：Homebrew安裝

Homebrew簡稱brew，是Mac OSX上的軟件包管理工具，能在Mac中方便的安裝軟件或者卸載軟件，能夠說Homebrew就是mac下的apt-get、yum神器

終端執行下面這個命令

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

 

第二步：安裝nvm和node.js

終端執行下面命令安裝nvm(最好去github複製看下最新的版本再安裝 https://github.com/creationix/nvm)，mac可能出現報錯，注意報錯的問題，好比以下問題：

Note: On OS X, if you get nvm: command not found after running the install script, your system may not have a [.bash_profile file] where the command is set up，就是少建立一個問題，咱們只要進到nvm的目錄：cd ~/.nvm  執行touch ~/.bash_profile命令便可。

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.0/install.sh | bash

 

終端執行下面命令安裝node.js：

nvm install node && nvm alias default node

 

第三步：安裝RN

npm install -g react-native-cli

 

第四步：安裝Watchman、flow

以上3步執行完成後便可建立咱們的RN項目，可是這裏還有兩個輔助工具 watctman 、flow的安裝

Watchman是 facebook 的一個開源項目，它開源用來監視文件而且記錄文件的改動狀況，當文件變動它能夠觸發一些操做,例如執行一些命令等等。

在使用React Native時，官方推薦推薦安裝watchman，不然你可能會遇到一個Node.js監視文件系統的BUG。

安裝Watchman：brew install watchman

flow是一個JavaScript的靜態類型檢查器，建議安裝它，以方便找出代碼中可能存在的類型錯誤

安裝flow：brew install flow

 

第五步：安裝xcode和androidStudio(建議在Mac上開發，既能夠安裝xcode也能夠安裝androidStudio)相關資源請加羣617897556下載交流

1）傻瓜式安裝androidStudio就行了，注意安裝前要先安裝jdk

2）安卓模擬器：先安裝虛擬機VirtualBox，而後在安裝Genymotion,要去Genymotion官網註冊一個帳號，而後登錄Genymotion,下載一個安卓機型便可