這段時間移動前端開發有兩個技術很火，一個就是HTML5，一個就是React Native，這兩個非要說誰好誰差，這個我認識淺薄不太好說，剛剛接觸，還在學習的過程中。好與壞很多大神已經發表了自己的意見，對於這個不再贅述。
搭建Mac的環境比較簡單，想要更深入的瞭解，可以登陸官網去檢視相關的資訊。
官方網址：
http://http://facebook.github.io/react-native/docs/getting-started.html

1. Mac OS X的要求10.7以上，現在很多Mac的使用者都在用10.11了吧，這一點不用擔心，如果不滿足要求就開啟App store更新一下就好了。

2. 個人是iOS開發者，電腦上裝備有Xcode，環境依賴部分Xcode的組建，有到使用Xcode一些元件。
   以上是不是重點，可有可無的。

   • 首先開啟終端，
     在終端輸入如下的內容：

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

過一會兒，提示敲”return”繼續，敲其他按鍵退出安裝，敲“return”繼續；
之後需要輸入超級使用者密碼，輸入即可。
出現下圖安裝成功：

• Homebrew安裝成功後，接著安裝Node.js，其實兩者可以同時進行：
  登陸官網：

  https://nodejs.org，安裝最穩定的版本。
  
  下載完成之後，直接安裝即可。

• 安裝NVM：
  在終端繼續輸入：
  如需要獲取最新的版本，可以先去http://www.nvmexpress.org/ 看看情況

curl -o- https://raw.githubsercontent.com/creationix/nvm/v0.29.0/install.sh | bash 
或者
wget -qo- https://raw.githubsercontent.com/nvm/v0.29.0/install.sh | bash

稍等一會兒，這裡取決於你的網路，網路慢的請耐心等待；
如初現一下字眼，則需特殊處理：

export NVM_DIR="/Users/你的使用者名稱/.nvm"
[-s "$NVM_DIR/nvm.sh"] && . "$NVM_DIR/nvm.sh" # This loads nvm
=>Close and reopen your terminal to start using nvm.
-------------------------我是美麗的分界線-------------------------------
這裡就需要把第一句和第二句編輯進.bash_profile裡面。
輸入：
vi .bash_profile
進到裡面輸入"i"，進入編輯模式，把剛剛說的那兩句，貼上進去。然後按"Esc"鍵輸入"wq"，然後"return"。("q",出去；"wq",儲存並退出；"Q"，強制退出)
退出後，關閉一個終端，再重新開啟:
輸入：
echo $NVM_DIR 
如提示：/Users/你的使用者名稱/.nvm
說明修正成功，安裝成功。
-------------------------我是美麗的分界線-------------------------------
不出現以上字眼或僅出現:
=>Close and reopen your terminal to start using nvm.
關閉再開啟終端，
可進行下一步。

• 執行一下nvm的指令設定一下:

nvm install node && nvm alias default node

• 安裝flow軟體包:

輸入
sudo chown -R $USER /usr/local/lib
提示輸入密碼
輸入超級使用者密碼
-------------------------我是美麗的分界線-------------------------------
 然後輸入：
 sudo chown -R $USER /usr/local
 提示輸入密碼
 輸入超級使用者密碼
-------------------------我是美麗的分界線-------------------------------
完成上面兩步，就可以安裝flow了
輸入：
brew install watchman

完成後輸入：
brew install flow

• 安裝React Native

 以上都是準備工作，現在在終端輸入:
 sudo npm install -g react-native-cli

• 以上是React Native環境的配置；
• 相關的指令操作可以使用”npm list -g”具體檢視;
• 通常使用”npm install -g ……”來下載依賴的包，類似於”pod install”的用法；
• 使用”npm uninstall -g ……”刪除已經下載的依賴包

程式碼編輯工具推薦：sublime text 3，如果覺得太貴，你可以………在大天朝你懂的。
sublime text 3 下載回來之後，請禁用”JSFormat”外掛。
關於sublime text 3的”package Control”的功能：
“package Control”安裝方法，登陸：https://packagecontrol.io/installation#st3
需要在控制檯輸入程式碼：
sublime text 3：
import urllib.request,os,hashlib; h = ‘2915d1851351e5ee549c20394736b442’ + ‘8bc59f460fa1548d1514676163dafc88’; pf = ‘Package Control.sublime-package’; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( ‘http://packagecontrol.io/’ + pf.replace(’ ‘, ‘%20’)).read(); dh = hashlib.sha256(by).hexdigest(); print(‘Error validating download (got %s instead of %s), please try manual install’ % (dh, h)) if dh != h else open(os.path.join( ipp, pf), ‘wb’ ).write(by)

sublime text 2:
import urllib2,os,hashlib; h = ‘2915d1851351e5ee549c20394736b442’ + ‘8bc59f460fa1548d1514676163dafc88’; pf = ‘Package Control.sublime-package’; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( ‘http://packagecontrol.io/’ + pf.replace(’ ‘, ‘%20’)).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), ‘wb’ ).write(by) if dh == h else None; print(‘Error validating download (got %s instead of %s), please try manual install’ % (dh, h) if dh != h else ‘Please restart Sublime Text to finish installation’)

在sublime text 3中”control”+”`”撥出控制檯，根據版本，貼上相關的python程式碼，然後回車，接著重啟sublime text 3。

重啟，”command”+”shift”+”p”開啟功能選擇面板，輸入”package Control: Install package” , 然後敲”return”（如果面板消失了，就重新開啟）。
在面板上輸入”babel”，在下拉的選項欄中選中”babel Snippets”，”return”安裝。（在sublime text 3 的左下角的狀態列裡有下載和安裝的進度）。
到此，基本的環境和編譯工具就搭建完成了。