React-Native(1)--環(huán)境搭建(MAC)

npm安裝react-native

Yarn、React Native的命令行工具(react-native-cli)

Yarn是Facebook提供的替代npm的工具,可以加速node模塊的下載。React Native的命令行工具用于執(zhí)行創(chuàng)建、初始化、更新項(xiàng)目、運(yùn)行打包服務(wù)(packager)等任務(wù)。

npm install -g yarn react-native-cli

如果你看到EACCES: permission denied這樣的權(quán)限報(bào)錯(cuò),那么請(qǐng)參照上文的homebrew譯注,修復(fù)/usr/local目錄的所有權(quán):

sudo chown -R `whoami` /usr/local


創(chuàng)建項(xiàng)目

react-native init YouProjectName

如果你需要升級(jí)react-native修改package.json的native版本在當(dāng)前目錄npm install

如果要升級(jí)你當(dāng)前已經(jīng)存在的項(xiàng)目,執(zhí)行react-native updatede

官方RN項(xiàng)目創(chuàng)建完成并不能正常運(yùn)行,需要做一些修改

[[RCTBundleURLProvider sharedSettings] setDefaults];

#if DEBUG

//[[RCTBundleURLProvider sharedSettings] setJsLocation:@"192.168.3.10"];

[[RCTBundleURLProvider sharedSettings] setJsLocation:@"10.240.141.88"];

#endif

jsCodeLocation = [[RCTBundleURLProvider sharedSettings]jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];

運(yùn)行iOS項(xiàng)目(需要安裝Xcode)

react-native run-ios

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

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