Any application that than can be written in JavaScript will eventually be written in JavaScript -Jeff Atwood
React Native是Facebook開源的,在Javascript和React的基礎(chǔ)上構(gòu)建原生的Android和IOS應(yīng)用的平臺咙冗。
React Native著力于提高多平臺的開發(fā)效率,Learn once,write anywhere
苇侵。
下面簡單介紹下React Native的環(huán)境搭建乎串。
環(huán)境要求
最新的OS X系統(tǒng) ,要開發(fā)IOS 應(yīng)用就必須使用Mac OS系統(tǒng)旺上。
Homebrew:安裝教程 http://brew.sh/ ,Mac上的包管理軟件
Node.js : https://nodejs.org/en/
watchman:https://facebook.github.io/watchman/docs/install.html
facebook的開源的一個文件監(jiān)視系統(tǒng)糖埋。
flow:http://flowtype.org/ facebook開源的一個JavaScript靜態(tài)檢查工具
安裝
安裝Homebrew:
/usr/bin/ruby -e "$(curl -fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)"
使用Homebrew安裝node.js:
brew install node
安裝watchman:
brew install watchman
安裝flow :
brew install flow
更新
如果已經(jīng)安轉(zhuǎn)了以上的軟件宣吱,需要更新到當(dāng)前最新版本。
首先更新Homebrew的版本庫:
brew update
更新Homebrew庫的內(nèi)容:
brew upgrade
清除不再使用的資源:
brew cleanup
安裝react-native
npm是nodejs的包管理瞳别,使用npm可以安裝nodejs的包征候,react-native也是nodejs的一個包杭攻。
使用npm安裝react-native:
npm install -g react-native
安裝react-native命令行工具:
npm install -g react-native-cli
運行命令:
react-native -v
得到結(jié)果:
react-native-cli: 1.0.0
react-native: 0.20.0
react-native安裝成功
第一個react-native項目
新建第一個react-native項目
react-native init HelloRN
o run your app on iOS:
cd /Users/***/Documents/github/react-native/HelloRN
react-native run-ios
- or -
Open /Users/***/Documents/github/react-native/HelloRN/ios/HelloRN.xcodeproj in Xcode
Hit the Run button
To run your app on Android:
Have an Android emulator running (quickest way to get started), or a device connected
cd /Users/***/Documents/github/react-native/HelloRN
react-native run-android
運行ios:
react-native run-ios
在當(dāng)前目錄下面多了一個ios的目錄,里面新建一個project疤坝,HelloRN的項目兆解。
運行Android
react-native run-android
在當(dāng)前目錄下會多出一個anroid的目錄,里面是android項目的文件跑揉。
運行react-native
項目的時候首先會使用react-native start
啟動一個端口為8081的服務(wù)锅睛,用來提供JavaScript代碼。