配置React Native環境

標籤：

一. 安裝Homebrew:  “Homebrew installs the stuff you need that Apple didn’t.——Homebrew  OS X 更完整”。

    Homebrew的官網（多語言版本）簡單明了地介紹了如何安裝和使用這個工具，;並提供了自己的Wiki。

    brew的安裝很簡單，使用一條ruby命令即可，Mac系統上已經預設安裝了ruby":

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

    等待一段時間後會出現

    Press RETURN to continue or any other key to abort

    敲斷行符號後提示輸入你的電腦密碼:(輸入密碼的過程中終端不會有任何變化)

    輸入密碼後提示

    Downloading and installing Homebrew...

    繼續耐心等待..

二. 安裝Node.js:

    使用 Homebrew 來安裝nvm，watchman 和 flow.(建議每次用Homebrew的時候先更新brew,命令：brew update )

 

    1,安裝nvm:

    終端中輸入:

    brew install nvm

    最後終端會提示

    大概意思就是如果沒有.nvm檔案的話就要建立一個,終端中輸入

    mkdir ~/.nvm 

    就可以建立.nvm檔案了

    ,然後去~/.bash_profile或者在shell的設定檔中配置如下內容:

    export NVM_DIR=~/.nvm

    source $(brew --prefix nvm)/nvm.sh

 

    具體操作如下

 

    先進入home目錄: cd ~

    開啟.bash_profileopen檔案:

    open .bash_profile

    如果檔案不存在 就建立一個

    touch .bash_profile 

   開啟後把需要配置的內容複寫進去然後儲存退出

    現在NVM算是安裝完成了.

2.使用NVM安裝node.js

    終端輸入命令:

    nvm install node && nvm alias default node

    注:如果順利安裝完成可跳過下面步驟,直接進入第三步,進入安裝watchman和flow環節.

   

    nvm 預設是從http://nodejs.org/dist/下載的, 國外伺服器, 必然很慢,

    好在 NVM 以及支援從鏡像伺服器下載包, 於是我們可以方便地從七牛的 node dist 鏡像下載:

    $ NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/dist nvm install 0.11.11

    於是你就會看到一段非常快速進度條:

    ########################################################################         100.0%Nowusingnode v0.11.11

    如果你不想每次都輸入環境變數NVM_NODEJS_ORG_MIRROR, 那麼我建議你加入到.bashrc檔案中:

    # nvmexportNVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/distsource~/git/nvm/nvm.sh

    接著終端輸入命令:

    nvm install node && nvm alias default node

   如果使用NVM一直安裝失敗.可以嘗試直接使用Homebrew安裝node: brew install node

三. 安裝watchman和flow:

 

終端輸入

brew install watchman

brew install flow

一切順利

建議定期運行brew update && brew upgrade來使您的應用程式保持最新狀態。

brew update && brew upgrade

 三. 初始化項目:

首先安裝Xcode6.3或更高版本.

完成後,終端執行

npm install -g react-native-cli

react-native-cli 是完成剩餘安裝的命令列工具。它是通過 npm 安裝的。這將會在你的終端裡面安裝react-native這個命令列，你只需要做一次即可。

接著

react-native init AwesomeProject

這一條命令擷取 React Native 的原始碼和依賴包，然後在AwesomeProject/iOS/AwesomeProject.xcodeproj建立一個新的 Xcode 項目，並且在AwesomeProject/android/app下面建立一個 gradle 項目。

配置React Native環境