摘要:是開(kāi)源的,在和的基礎(chǔ)上構(gòu)建原生的和應(yīng)用的平臺(tái)。著力于提高多平臺(tái)的開(kāi)發(fā)效率,。下面簡(jiǎn)單介紹下的環(huán)境搭建。環(huán)境要求最新的系統(tǒng),要開(kāi)發(fā)應(yīng)用就必須使用系統(tǒng)。運(yùn)行在當(dāng)前目錄下會(huì)多出一個(gè)的目錄,里面是項(xiàng)目的文件。
Any application that than can be written in JavaScript will eventually be written in JavaScript -Jeff Atwood
React Native是Facebook開(kāi)源的,在Javascript和React的基礎(chǔ)上構(gòu)建原生的Android和IOS應(yīng)用的平臺(tái)。
React Native著力于提高多平臺(tái)的開(kāi)發(fā)效率,Learn once,write anywhere。
下面簡(jiǎn)單介紹下React Native的環(huán)境搭建。
環(huán)境要求最新的OS X系統(tǒng) ,要開(kāi)發(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的開(kāi)源的一個(gè)文件監(jiān)視系統(tǒng)。
flow:http://flowtype.org/ facebook開(kāi)源的一個(gè)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的版本庫(kù):
brew update
更新Homebrew庫(kù)的內(nèi)容:
brew upgrade
清除不再使用的資源:
安裝react-nativebrew cleanup
npm是nodejs的包管理,使用npm可以安裝nodejs的包,react-native也是nodejs的一個(gè)包。
使用npm安裝react-native:
npm install -g react-native
安裝react-native命令行工具:
npm install -g react-native-cli
運(yùn)行命令:
react-native -v
得到結(jié)果:
react-native-cli: 1.0.0 react-native: 0.20.0
react-native安裝成功
第一個(gè)react-native項(xiàng)目新建第一個(gè)react-native項(xiàng)目
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
運(yùn)行ios:
react-native run-ios
在當(dāng)前目錄下面多了一個(gè)ios的目錄,里面新建一個(gè)project,HelloRN的項(xiàng)目。
運(yùn)行Android
react-native run-android
在當(dāng)前目錄下會(huì)多出一個(gè)anroid的目錄,里面是android項(xiàng)目的文件。
運(yùn)行react-native項(xiàng)目的時(shí)候首先會(huì)使用react-native start啟動(dòng)一個(gè)端口為8081的服務(wù),用來(lái)提供JavaScript代碼。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/78722.html
摘要:以下大部分內(nèi)容來(lái)自官方,有微調(diào)系統(tǒng)要求一個(gè)裝有系統(tǒng)的開(kāi)發(fā)機(jī)包管理工具安裝或者更新定期執(zhí)行環(huán)境安裝安裝環(huán)境安裝,如果被墻,去修改配置文件在命令行運(yùn)行,安裝依賴的包安裝模擬器相關(guān),可以和一起安裝安裝虛擬機(jī)加速模塊完成后安裝控制臺(tái)執(zhí)行驗(yàn)證 以下大部分內(nèi)容來(lái)自官方,有微調(diào) 系統(tǒng)要求 一個(gè)裝有 OS X 系統(tǒng)的開(kāi)發(fā)機(jī) Homebrew 包管理工具 brew install nvm brew ...
閱讀 2986·2021-11-22 15:25
閱讀 2271·2021-11-18 10:07
閱讀 1075·2019-08-29 15:29
閱讀 499·2019-08-29 13:25
閱讀 1547·2019-08-29 12:58
閱讀 3230·2019-08-29 12:55
閱讀 2939·2019-08-29 12:28
閱讀 532·2019-08-29 12:16