react-native 實(shí)戰(zhàn)
安裝 HomeBrew
安裝Node
brew install node
Yarn 绊困,react-native 的命令行工具
Yarn是Facebook提供的替代npm的工具嘶窄,可以加速node模塊的下載。React Native的命令行工具用于執(zhí)行創(chuàng)建巴柿、初始化伤为、更新項(xiàng)目、運(yùn)行打包服務(wù)(packager)等任務(wù)扁眯。
npm install -g yarn react-native-cli
Watchman
Watchman是由Facebook提供的監(jiān)視文件系統(tǒng)變更的工具。安裝此工具可以提高開發(fā)時(shí)的性能(packager可以快速捕捉文件的變化從而實(shí)現(xiàn)實(shí)時(shí)刷新)翅帜。譯注:此工具官方雖然是推薦安裝,但在實(shí)踐中命满,我們認(rèn)為此工具是必須安裝涝滴,否則可能無法正常開發(fā)。
brew install watchman
Flow
Flow是一個(gè)靜態(tài)的JS類型檢查工具胶台。譯注:你在很多示例中看到的奇奇怪怪的冒號問號歼疮,以及方法參數(shù)中像類型一樣的寫法,都是屬于這個(gè)flow工具的語法诈唬。這一語法并不屬于ES標(biāo)準(zhǔn)韩脏,只是Facebook自家的代碼規(guī)范。所以新手可以直接跳過(即不需要安裝這一工具铸磅,也不建議去費(fèi)力學(xué)習(xí)flow相關(guān)語法)
brew install flow
常用的js 版本工具
brew install watchman flow git gcc pkg-config cairo libpng jpeg gitlib mongodb
Nodejs 的版本管理工具 nvm 安裝
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.6/install.sh | bash
創(chuàng)建第一個(gè)項(xiàng)目
react-native init AwesomeProject
//創(chuàng)建一個(gè)項(xiàng)目 AwesomeProject
cd AwesomeProject
//進(jìn)入AwesomeProject 項(xiàng)目文件夾內(nèi)
react-native run-ios
//運(yùn)行ios版本的 AwesomeProject 項(xiàng)目
react-native run-ios
//運(yùn)行ios 項(xiàng)目
react-native run-android
//運(yùn)行安卓項(xiàng)目
報(bào)錯(cuò)
No bundle URL present
Make sure you’re running a packager server or have included
a .jsbundle file in your application bundle