React Native 開發環境搭建

目標平台:ios

開發平台:mac

必須軟體

homebrew

home-brew,mac系統的包管理器, 用於安裝nodejs和一些其他必需的工具軟體

/usr/bin/ruby -e

"$(curl -fssl "

sudo chown -r 'whom' /usr/local

使用homebrew來安裝node.js

react native 目前需要nodejs5.0或更高版本.

brew install node

npm config set registry 

.taobao
.org --global
npm config set disturl 
.org/dist --global

nam install -g yarn react-native

-cli

yarn config set registry 

.taobao
.org --global
yarn config set disturl 
.org/dist --global

sudo chown -r 'whom' /usr/local

雖然一般來說命令列工具都是預設安裝了，但你最好還是啟動xcode，並在xcode | preferences | locations選單中檢查一下是否裝有某個版本的command line tools。xcode的命令列工具中也包含一些必須的工具，比如git等。

watchman

watchman是由facebook提供的監視檔案系統變更的工具。安裝此工具可以提高開發時的效能（packager可以快速捕捉檔案的變化從而實現實時重新整理）。

brew install watchman

flow是乙個靜態的js型別檢查工具。譯註：你在很多示例中看到的奇奇怪怪的冒號問號，以及方法引數中像型別一樣的寫法，都是屬於這個flow工具的語法。這一語法並不屬於es標準，只是facebook自家的**規範。所以新手可以直接跳過（即不需要安裝這一工具，也不建議去費力學習flow相關語法）。

brew install flow

react-native init helloproject

cd helloproject
react-native run-ios

修改專案

現在你已經成功執行了專案，我們可以開始嘗試動手改一改了：

使用你喜歡的編輯器開啟index.ios.js並隨便改上幾行。

注

在確保 react-native 在 0.29.0 版本之後

如果在開啟工程時出現 「rctbundleurlprovider.h」 file not found

在header search paths 設定以下路徑

$(srcroot)/../node_modules/react-native/libraries

React Native 搭建開發環境

必需的軟體 react native目前需要android studio2.0或更高版本。android studio包含了執行和測試react native應用所需的android sdk和模擬器。安裝過程中有一些需要改動的選項 1.選擇custom選項 2.勾選performance和andro...

React Native搭建開發環境

一 環境搭建 目標平台 ios 開發平台 mac os 首先安裝開發必需的軟體，在終端中輸入以下命令安裝homebrew usr bin ruby e curl fssl 輸入電腦密碼按回車完成安裝。使用homebrew安裝node.js brew install node設定npm映象 類似安裝c...

React Native 搭建開發環境

1.先安裝node.js，2.安裝react native命令列工具 node.js安裝成功之後，接下來我們就可以通過 npm intall 來安裝react native命令列工具了。開啟終端，輸入並執行下面命令即可完成安裝 npm install g react native cli如圖 rea...