一. 安裝Homebrew:
??“Homebrew installs the stuff you need that Apple didn’t.——Homebrew ?OS X 更完整”。
? ??Homebrew的官網(wǎng)(多語(yǔ)言版本)簡(jiǎn)單明了地介紹了如何安裝和使用這個(gè)工具,;并提供了自己的Wiki。
? ? brew的安裝很簡(jiǎn)單,使用一條ruby命令即可,Mac系統(tǒng)上已經(jīng)默認(rèn)安裝了ruby":
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
? ? 等待一段時(shí)間后會(huì)出現(xiàn)
? ? Press RETURN to continue or any other key to abort
? ? 敲回車后提示輸入你的電腦密碼:(輸入密碼的過(guò)程中終端不會(huì)有任何變化)
? ? 輸入密碼后提示
? ? Downloading and installing Homebrew...
? ? 繼續(xù)耐心等待..
二. 安裝Node.js:
? ? 使用 Homebrew 來(lái)安裝nvm,watchman 和 flow.(建議每次用Homebrew的時(shí)候先更新brew,命令:brew update?)
? ? 1,安裝nvm:
? ? 終端中輸入:
? ? brew install nvm
? ? 最后終端會(huì)提示
? ? 大概意思就是如果沒(méi)有.nvm文件的話就要?jiǎng)?chuàng)建一個(gè),終端中輸入
? ? mkdir ~/.nvm
? ? 就可以創(chuàng)建.nvm文件了
? ? ,然后去~/.bash_profile或者在shell的配置文件中配置如下內(nèi)容:
? ? export NVM_DIR=~/.nvm
? ? source $(brew --prefix nvm)/nvm.sh
? ? 具體操作如下
? ? 先進(jìn)入home目錄: cd ~
? ? 打開(kāi).bash_profileopen文件:
? ? open .bash_profile
? ? 如果文件不存在 就創(chuàng)建一個(gè)
? ? touch .bash_profile
? ?打開(kāi)后把需要配置的內(nèi)容復(fù)制進(jìn)去然后保存退出
? ? 現(xiàn)在NVM算是安裝完成了.
2.使用NVM安裝node.js
? ? 終端輸入命令:
? ? nvm install node && nvm alias default node
? ? 注:如果順利安裝完成可跳過(guò)下面步驟,直接進(jìn)入第三步,進(jìn)入安裝watchman和flow環(huán)節(jié).
? ? nvm 默認(rèn)是從http://nodejs.org/dist/下載的, 國(guó)外服務(wù)器, 必然很慢,
? ? 好在 ?NVM 以及支持從鏡像服務(wù)器下載包, 于是我們可以方便地從七牛的 node dist 鏡像下載:
? ? $ NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/dist nvm install 0.11.11
? ? 于是你就會(huì)看到一段非常快速進(jìn)度條:
? ? ######################################################################## ? ? ? ? 100.0%Nowusingnode v0.11.11
? ? 如果你不想每次都輸入環(huán)境變量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
一切順利
建議定期運(yùn)行brew update && brew upgrade來(lái)使您的應(yīng)用程序保持最新?tīng)顟B(tài)。
brew update && brew upgrade
三. ?初始化項(xiàng)目:
首先安裝Xcode6.3或更高版本.
完成后,終端執(zhí)行
npm install -g react-native-cli
react-native-cli 是完成剩余安裝的命令行工具。它是通過(guò) npm 安裝的。這將會(huì)在你的終端里面安裝react-native這個(gè)命令行,你只需要做一次即可。
接著
react-native init AwesomeProject
這一條命令獲取 React Native 的源代碼和依賴包,然后在AwesomeProject/iOS/AwesomeProject.xcodeproj創(chuàng)建一個(gè)新的 Xcode 項(xiàng)目,并且在AwesomeProject/android/app下面創(chuàng)建一個(gè) gradle 項(xiàng)目。