配置React Native環(huán)境

一. 安裝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)目。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容